이미지 → Base64

이미지를 Base64 인코딩 문자열로 변환

광고
🖼️

이미지를 여기에 드래그 & 드롭하거나 클릭하여 찾아보기

지원 형식: JPG, PNG, GIF, SVG, WebP, ICO

이미지 미리보기
미리보기
파일명 -
파일 형식 -
원본 크기 -
해상도 -
Base64 크기 -
Data URI (바로 사용 가능)
광고

Base64 인코딩이란?

Base64는 바이너리 데이터(이미지 같은)를 ASCII 텍스트로 표현하는 바이너리-텍스트 인코딩 방식입니다. 이를 통해 이미지를 별도의 파일 없이 HTML, CSS 또는 JSON에 직접 임베드할 수 있습니다.

Base64 이미지를 사용해야 할 때

작은 이미지 - 10KB 미만의 아이콘, 로고

HTTP 요청 줄이기 - 중요한 이미지를 인라인으로 임베드

이메일 템플릿 - 외부 로딩 없이 표시되는 이미지 임베드

단일 파일 HTML - 독립적인 HTML 파일 생성

큰 이미지 - Base64는 크기를 약 33% 증가시킴

자주 변경되는 이미지 - 별도로 캐시할 수 없음

사용 예시

HTML: <img src="data:image/png;base64,...">

CSS: background-image: url(data:image/png;base64,...);

JSON: {"image": "data:image/png;base64,..."}