이미지 Base64 변환

이 도구 소개

어떤 이미지든 Base64 Data URI로 인코딩하여 HTML, CSS, JSON에 바로 삽입할 수 있습니다 — 별도의 이미지 파일이나 추가 HTTP 요청 없이요. 반대로 Base64 문자열을 이미지로 디코딩하여 미리 보고 다운로드할 수도 있습니다.

PNG, JPG, GIF, WebP, SVG를 지원하며, data:image/…;base64, 접두사를 포함하거나 제외한 문자열을 제공하고, 바로 붙여넣을 수 있는 CSS 배경 규칙으로 복사할 수도 있습니다. 모든 작업은 브라우저에서 실행되며, 이미지는 절대 업로드되지 않습니다.

주요 기능

• 양방향 변환 — 이미지 → Base64, Base64 → 이미지
• Data URI 접두사 포함/제외 선택 가능
• CSS로 복사 — background-image: url("…")
• 디코딩된 이미지 다운로드
• 프라이버시 보호 — 인코딩과 디코딩 모두 사용자의 기기에서 처리

사용 방법

• 이미지 → Base64 — 이미지를 업로드한 뒤 Base64 문자열을 복사하세요 (Data URI 접두사 켜기/끄기 가능)
• Base64 → 이미지 — 모드를 전환하고 Data URI 또는 원본 Base64를 붙여넣은 뒤 이미지를 미리 보고 다운로드하세요
• CSS 배경으로 복사를 사용하면 스타일시트에 바로 붙여넣을 수 있습니다

자주 묻는 질문

이미지를 언제 Base64로 인라인해야 하나요?

작은 아이콘, 로고, 배경 이미지가 좋은 후보입니다 — 인라인하면 HTTP 요청을 하나 줄일 수 있습니다. 큰 이미지는 일반 파일로 두는 편이 좋습니다. Base64는 원본 바이트보다 약 33% 더 커지기 때문입니다.

제 이미지가 업로드되나요?

아니요. 변환은 전적으로 사용자의 브라우저에서 이루어집니다.