이미지 → Base64

이 도구 소개

이미지를 Base64 문자열 또는 완전한 Data URI로 인코딩하여 별도 파일 없이 HTML, CSS, JSON에 직접 삽입할 수 있습니다. 드래그 앤 드롭 또는 클릭으로 이미지를 선택하며, 원본 파일 크기와 인코딩된 크기를 함께 표시합니다.

모든 인코딩은 브라우저에서 FileReader API로 처리되며 이미지는 서버에 업로드되지 않습니다. Data URI(data:image/…;base64, 접두사 포함)와 순수 Base64(접두사 없음) 중 선택할 수 있습니다.

사용 방법

1. 업로드 영역에 이미지를 드래그하거나 클릭하여 파일을 선택합니다.
2. 파일이 로드되면 인코딩 결과가 자동으로 표시됩니다.
3. 버튼으로 Data URI와 Base64 Only 형식을 전환합니다.
4. 복사 버튼을 클릭하여 결과를 클립보드에 복사합니다.

활용 사례

프런트엔드 개발자는 작은 아이콘을 CSS/HTML에 직접 삽입해 HTTP 요청을 줄입니다. 이메일 마케터는 외부 이미지 차단 문제를 피하기 위해 HTML 이메일에 이미지를 인라인으로 삽입합니다. 모바일 앱 개발자는 JSON API 페이로드에 이미지를 인코딩하고, 데이터베이스나 설정 파일에 Base64 문자열로 이미지를 저장하기도 합니다.

자주 묻는 질문

• Base64 인코딩하면 파일 크기가 늘어나나요? — 네. Base64 인코딩은 원본 바이너리 대비 약 33% 파일 크기가 증가합니다.
• 어떤 이미지 형식을 지원하나요? — 브라우저가 표시할 수 있는 모든 형식: JPG, PNG, WebP, GIF, SVG, BMP 등을 지원합니다.
• 큰 이미지도 Base64로 인코딩해야 하나요? — 약 10 KB 이상의 파일은 파일로 호스팅하는 것이 좋습니다. 큰 Base64 문자열은 HTML/CSS를 비대하게 만들어 페이지 로드 성능을 저하시킵니다.