← 도구 목록
🖼️ 이미지 Base64 변환기
이미지와 Base64를 상호 변환합니다
이미지 → Base64
클릭하거나 이미지를 드래그하세요
JPG, PNG, GIF, WebP
Base64 → 이미지
이미지 Base64 변환기란?
이미지 파일을 Base64 인코딩된 문자열로 변환하거나, Base64 문자열을 다시 이미지로 디코딩하는 무료 온라인 도구입니다. HTML/CSS에 이미지를 직접 임베드하거나 API 전송에 유용합니다.
이런 분들에게 추천합니다
- 웹 개발자 - 작은 아이콘을 CSS에 직접 임베드
- 이메일 개발자 - HTML 이메일에 이미지 포함
- API 개발자 - 이미지 데이터 전송
- 프론트엔드 개발자 - Data URL 생성
사용 방법
- 이미지 → Base64: 이미지 파일을 드래그하거나 클릭하여 업로드
- 결과 확인: 생성된 Base64 문자열 확인 및 복사
- Base64 → 이미지: Base64 문자열을 입력하고 "이미지로 변환" 클릭
- 다운로드: 변환된 이미지를 다운로드
지원 이미지 형식
- JPG/JPEG: 사진 및 복잡한 이미지
- PNG: 투명 배경이 있는 이미지
- GIF: 애니메이션 이미지
- WebP: 최신 웹 이미지 형식
- SVG: 벡터 그래픽
Base64 이미지 사용 예시
- HTML: <img src="data:image/png;base64,iVBORw0KG...">
- CSS: background-image: url(data:image/png;base64,...);
- JSON API: {"image": "data:image/png;base64,..."}
- 이메일: HTML 이메일 템플릿에 직접 임베드
장점과 단점
- 장점: HTTP 요청 감소, 외부 파일 의존성 제거
- 장점: 이메일이나 오프라인 HTML에서 이미지 표시
- 단점: 파일 크기 약 33% 증가
- 단점: 브라우저 캐싱 불가능
- 권장: 작은 아이콘이나 로고에만 사용
자주 묻는 질문 (FAQ)
Q: Base64로 변환하면 파일 크기가 커지나요?
A: 네, Base64 인코딩은 원본보다 약 33% 크기가 증가합니다. 작은 이미지에만 사용하는 것을 권장합니다.
Q: 어떤 경우에 Base64 이미지를 사용하나요?
A: 작은 아이콘, 로고, 이메일 템플릿, HTTP 요청을 줄이고 싶을 때 사용합니다.
Q: Base64 이미지는 SEO에 영향을 주나요?
A: 검색 엔진은 Base64 이미지를 인덱싱하지 않으므로, 중요한 이미지는 일반 파일로 사용하는 것이 좋습니다.
Q: 큰 이미지도 Base64로 변환할 수 있나요?
A: 가능하지만 권장하지 않습니다. 큰 이미지는 페이지 로딩 속도를 느리게 만들 수 있습니다.