이미지 Base64 변환기
이미지를 Base64 문자열로 변환하고 Base64를 이미지로 디코딩
여기에 이미지를 드롭하거나 클릭하여 선택
지원 형식: PNG, JPG, GIF, WebP, SVG, BMP (최대 5MB)
순수 Base64, Data URI (data:image/...), HTML IMG 태그 또는 CSS background-image 지원
감지된 형식:
대략적인 크기:
크기:
이미지 Base64 변환 정보
이미지 Base64 인코딩이란?
Base64 인코딩은 이진 이미지 데이터를 ASCII 텍스트 문자열로 변환합니다. 이를 통해 별도의 파일 요청 없이 이미지를 HTML, CSS 또는 JSON에 직접 임베드할 수 있습니다. 결과 문자열은 원본 이진 데이터보다 약 33% 더 큽니다.
일반적인 사용 사례
- HTTP 요청을 줄이기 위해 작은 이미지를 HTML/CSS에 직접 임베드
- 외부 호스팅 없이 이메일 템플릿에 이미지 포함
- JSON 또는 XML 데이터 구조에 이미지 저장
- 텍스트 전용 프로토콜을 통한 이미지 전송
- 임베디드 자산이 포함된 독립형 HTML 파일 생성
출력 형식 참조
| 형식 | 예제 | 용도 |
|---|---|---|
| 순수 Base64 | iVBORw0KGgoAAAANS... | API 요청, 데이터베이스 저장, 사용자 정의 처리 |
| Data URI | data:image/png;base64,iV... | JavaScript 이미지 소스, 동적 이미지 로딩 |
| HTML IMG 태그 | <img src="data:..."> | HTML 문서에 직접 임베드 |
| CSS 배경 | background-image: url(data:...); | 스타일시트의 배경 이미지 |
팁 및 모범 사례
- 최상의 성능을 위해 작은 이미지(10KB 미만)에 Base64 인코딩 사용
- 큰 이미지의 경우 일반 파일 호스팅이 일반적으로 더 효율적입니다
- SVG 이미지는 Base64 인코딩 시 래스터 형식보다 압축이 더 잘 됩니다
- 브라우저 캐싱 고려 - Base64 이미지는 별도로 캐시할 수 없습니다