이미지를 base64로 변환

이미지를 base64로 변환 (data image base64)하는 것은 서버로의 HTTP 요청 수를 줄이기 위해 필요할 때가 있습니다. 이는 사이트에서 아이콘을 표시하는 좋은 방법입니다. 이 경우 이미지 본문을 HTML 코드 페이지나 CSS 파일에 배치할 수 있으며, SRC 또는 URL 대신 base64 코드를 넣습니다.

하지만 base64 코드는 실제 파일보다 약 33% 더 크기 때문에 큰 이미지를 이런 방식으로 출력하는 것은 권장되지 않습니다.

그러나 아이콘이나 작은 이미지를 base64로 사용하면 서버 요청을 줄이는 것 외에도 페이지 최종 용량에서 이점을 얻을 수 있습니다. 서버는 이미지 자체 외에도 HTTP 헤더를 함께 전달하는데, 이 헤더도 용량을 가지며 이미지 용량과 합산됩니다. 아이콘의 경우 이미지와 헤더의 합이 base64 용량보다 더 클 수 있습니다.

Base64는 64개의 ASCII 문자로 이진 데이터를 인코딩하는 표준입니다. 인코딩 알파벳에는 A-Z, a-z, 0-9 (62개 문자)와 시스템 구현에 따라 달라지는 2개의 추가 문자가 포함됩니다. 원본 3바이트마다 4개의 문자로 인코딩되며, 이는 데이터가 33% 증가하는 결과를 낳습니다.