이미지 → Base64 변환
이미지를 HTML/CSS에 바로 넣는 Base64 데이터 URI로 인코딩.
클릭하거나 이미지를 끌어다 놓으세요
🔒 100% 브라우저 기반 — 데이터가 기기 밖으로 나가지 않습니다.
이 도구에 대하여
이미지를 Base64 데이터 URI로 변환해 HTML(), CSS(background-image), JSON에 바로 붙여넣을 수 있게 해줍니다. 작은 아이콘이나 로고를 이렇게 삽입하면 네트워크 요청이 하나 줄어 페이지가 빨라집니다.
Base64는 원본보다 약 33% 커지므로, 인코딩된 크기를 함께 표시해 삽입할 가치가 있는지 판단할 수 있게 했습니다. 몇 KB 이하의 작은 이미지에 가장 적합합니다.
자주 묻는 질문
언제 Base64 이미지를 쓰나요?
1~10KB 수준의 아주 작은 이미지에 적합합니다. HTTP 요청을 줄이는 이득이 33% 용량 증가보다 클 때만 사용하세요.
왜 원본보다 문자열이 더 큰가요?
Base64는 바이너리 3바이트를 문자 4개로 표현하기 때문에 약 1/3만큼 커집니다.
어떤 형식을 지원하나요?
브라우저가 읽을 수 있는 모든 이미지 — PNG, JPG, GIF, WebP, SVG, BMP 등. 원본 형식 그대로 인코딩됩니다.