이미지를 base64 인코딩으로 변환

이미지가 큰 경우 변환 시간이 길어질 수 있습니다

이미지를 base64 인코딩으로 변환하는 이유

웹 페이지를 작성할 때, 이미지를 포함하는 두 가지 방법이 있습니다.

1. 이미지의 URI를 직접 참조합니다. 예: https://www.codeeeee.com/.../come.png
2. 이미지를 base64로 인코딩하여 html이나 css에 삽입합니다.

URI를 사용하는 것과 비교할 때, base64로 이미지를 인코딩하는 주된 이점은 네트워크 요청을 줄이는 것입니다. URI 방식을 사용하면, 브라우저는 이미지 콘텐츠를 가져오기 위해 http(s) 요청을 보내야 합니다. 반면에, base64로 인코딩된 이미지를 문서에 쓰면, html 문서가 다운로드되면 이미지도 문서와 함께 다운로드됩니다. 물론 base64 인코딩 후의 데이터는 일반적으로 원본보다 큽니다. 그러므로 큰 이미지의 경우, base64를 사용할 때 이득이 손실보다 큰지 고려해야 합니다.