이미지를 Base64로 변환하는 방법 (데이터 URI)

Base64 데이터 URI는 이미지를 코드에 직접 삽입해 브라우저가 별도 네트워크 요청을 안 하게 합니다. 작은 아이콘, 이메일 템플릿, 인라인 자산에 유용합니다.

이 툴은 원본 데이터 URI, 바로 붙여넣을 CSS 배경 줄, 완전한 HTML img 태그를 출력합니다.

Base64는 용량을 약 33% 늘리고 브라우저가 별도 캐시를 못 하므로 큰 사진에는 피하세요. 일반 이미지 파일을 쓰는 게 낫습니다.

수 KB 이하 작은 이미지에 이상적입니다. 인코딩이 브라우저에서 이루어져 파일이 비공개로 유지됩니다.