이미지 Base64 인코딩 변환기
브라우저에서 이미지를 Base64 문자열로 변환하세요. PNG, JPG, GIF, SVG, WebP 파일을 HTML img 태그나 CSS background-image에 바로 삽입할 수 있는 Data URI 형식으로 변환합니다. 예시 아이콘으로 바로 테스트하거나 직접 파일을 업로드하세요.
1이 도구는 언제 쓰나요?
💡HTML/CSS에 아이콘과 로고를 직접 삽입
💡인라인 이미지가 포함된 단일 파일 HTML 페이지 제작
💡작은 이미지를 Data URI로 변환해 HTTP 요청 줄이기
💡localStorage, IndexedDB, JSON에 이미지 데이터 저장
💡외부 링크 없이 이메일 템플릿에 이미지 포함
💡웹 애플리케이션용 스프라이트와 파비콘 인코딩
2주요 기능
- PNG, JPG, GIF, SVG, WebP, ICO를 Base64로 변환
- HTML img src 속성에 바로 사용 가능한 Data URI 생성
- CSS background-image용 순수 Base64 문자열 출력
- 업로드 없이 바로 테스트할 수 있는 SVG 예시 아이콘
- 이미지 크기(픽셀)와 함께 실시간 미리보기
- 원본 파일 크기와 Base64 인코딩 크기 비교
- 100% 클라이언트 사이드 처리—서버 업로드 없음
3사용 방법
- 이미지 파일(PNG, JPG, GIF, SVG, WebP, ICO)을 드래그앤드롭하거나 선택하세요.
- 또는 예시 아이콘을 클릭해 Base64 인코딩이 어떻게 작동하는지 즉시 확인하세요.
- 출력 형식을 선택하세요: Data URI(MIME 타입 포함) 또는 순수 Base64 문자열.
- 인코딩된 문자열을 클립보드에 복사하거나 텍스트 파일로 다운로드하세요.
자주 묻는 질문
Q. 이 이미지 Base64 변환기는 완전 무료인가요?
A. 네! 회원가입, 워터마크, 사용량 제한 없이 무제한 변환이 가능합니다. 영구 무료입니다.
Q. 제 이미지가 서버에 업로드되나요?
A. 절대 아닙니다. 모든 Base64 인코딩은 JavaScript를 사용해 브라우저 내에서 로컬로 처리됩니다. 이미지가 외부로 전송되지 않습니다.
Q. Data URI와 Base64의 차이점은 무엇인가요?
A. Data URI는 MIME 타입 접두사(data:image/png;base64,...)를 포함하여 img src나 CSS url()에 바로 사용할 수 있습니다. 순수 Base64는 접두사 없이 인코딩된 문자열만 제공합니다.
Q. Base64 문자열이 원본보다 큰 이유는 무엇인가요?
A. Base64 인코딩은 바이너리 데이터를 ASCII 문자만으로 표현하기 때문에 파일 크기가 약 33% 증가합니다. 이는 정상적인 현상입니다.