Base64 이미지 변환기
Base64 문자열과 이미지 파일 간 양방향 변환. 미리보기, 다운로드, 드래그 앤 드롭 지원.
Base64 이미지 변환기
Base64 이미지 변환기란?
Base64 이미지 변환기는 Base64 문자열과 이미지 파일 간의 양방향 변환을 지원하는 온라인 도구입니다. Base64로 인코딩된 이미지를 원본 이미지로 복원하거나, 이미지 파일을 Base64 문자열로 변환할 수 있습니다.
웹 개발, 이메일 템플릿, CSS 인라인 이미지 등 다양한 상황에서 Base64 이미지가 필요할 때 유용하게 사용할 수 있습니다.
주요 기능
- Base64 → 이미지 변환 – Base64 문자열을 이미지로 디코딩하여 미리보기 및 다운로드
- 이미지 → Base64 변환 – 이미지 파일을 Base64 문자열로 인코딩
- 드래그 앤 드롭 – 이미지를 드래그하여 간편하게 업로드
- 다양한 형식 지원 – PNG, JPG, GIF, WebP, SVG, BMP, ICO 등
- 이미지 정보 표시 – 가로, 세로, 형식, 용량 정보 확인
- Data URI 옵션 – 접두사 포함/제외 선택 가능
- 이미지 다운로드 – 변환된 이미지를 원본 형식으로 다운로드
사용 방법
Base64 → 이미지 변환
- “Base64 → 이미지” 탭을 선택합니다.
- Base64 문자열을 입력란에 붙여넣습니다.
- “이미지로 변환” 버튼을 클릭합니다.
- 미리보기에서 이미지를 확인하고 “이미지 다운로드” 버튼으로 저장합니다.
이미지 → Base64 변환
- “이미지 → Base64” 탭을 선택합니다.
- 드롭존에 이미지를 드래그하거나 클릭하여 파일을 선택합니다.
- 자동으로 Base64 문자열이 생성됩니다.
- “Base64 복사” 버튼으로 결과를 클립보드에 복사합니다.
이런 분들에게 추천
- HTML/CSS에 이미지를 인라인으로 삽입해야 하는 웹 개발자
- 이메일 템플릿에 이미지를 포함시켜야 하는 마케터
- API나 JSON에서 받은 Base64 이미지를 확인해야 하는 개발자
- 외부 이미지 호스팅 없이 이미지를 포함시키고 싶은 사용자
- Base64 인코딩된 이미지를 원본 파일로 저장하고 싶은 사용자
자주 묻는 질문
Base64 이미지란 무엇인가요?
Base64는 바이너리 데이터를 텍스트로 인코딩하는 방식입니다. 이미지 파일을 Base64로 변환하면 텍스트 문자열로 표현할 수 있어, HTML/CSS에 직접 삽입하거나 JSON으로 전송할 수 있습니다. Data URI 형식은 “data:image/png;base64,…” 와 같이 표현됩니다.
어떤 이미지 형식을 지원하나요?
PNG, JPEG/JPG, GIF, WebP, SVG, BMP, ICO 등 브라우저에서 지원하는 대부분의 이미지 형식을 변환할 수 있습니다. 파일 크기는 최대 10MB까지 지원됩니다.
Data URI 접두사가 무엇인가요?
Data URI 접두사(예: “data:image/png;base64,”)는 Base64 데이터의 MIME 타입과 인코딩 방식을 명시합니다. HTML의 img 태그나 CSS의 background-image에 사용할 때는 이 접두사가 필요합니다. API 통신 시에는 순수 Base64 문자열만 사용하는 경우가 많습니다.
Base64 이미지를 사용하면 어떤 장점이 있나요?
Base64 이미지는 추가 HTTP 요청 없이 HTML/CSS에 직접 포함되어 작은 아이콘이나 로고에 유용합니다. 하지만 원본보다 약 33% 크기가 증가하고 브라우저 캐싱이 불가능하므로, 작은 이미지에만 사용하는 것이 좋습니다.