← 도구 목록

🖼️ 이미지 Base64 변환기

이미지와 Base64를 상호 변환합니다

이미지 → Base64

📁

클릭하거나 이미지를 드래그하세요

JPG, PNG, GIF, WebP

Base64 → 이미지

이미지 Base64 변환기란?

이미지 파일을 Base64 인코딩된 문자열로 변환하거나, Base64 문자열을 다시 이미지로 디코딩하는 무료 온라인 도구입니다. HTML/CSS에 이미지를 직접 임베드하거나 API 전송에 유용합니다.

이런 분들에게 추천합니다

  • 웹 개발자 - 작은 아이콘을 CSS에 직접 임베드
  • 이메일 개발자 - HTML 이메일에 이미지 포함
  • API 개발자 - 이미지 데이터 전송
  • 프론트엔드 개발자 - Data URL 생성

사용 방법

  1. 이미지 → Base64: 이미지 파일을 드래그하거나 클릭하여 업로드
  2. 결과 확인: 생성된 Base64 문자열 확인 및 복사
  3. Base64 → 이미지: Base64 문자열을 입력하고 "이미지로 변환" 클릭
  4. 다운로드: 변환된 이미지를 다운로드

지원 이미지 형식

  • 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: 가능하지만 권장하지 않습니다. 큰 이미지는 페이지 로딩 속도를 느리게 만들 수 있습니다.