Skip to content
Zoyku

Base64 이미지

이미지를 base64 data URL로, 그 반대로도 변환합니다 — 미리 보기, 검증, 다운로드에 정확한 크기 비교까지 제공합니다. 모든 처리는 브라우저에서 이루어집니다.

파일을 끌어다 놓거나 클릭해서 선택하세요

이 도구는 전부 브라우저 안에서 실행됩니다. 데이터는 기기를 떠나지 않으며 어떤 서버로도 업로드되지 않습니다.

사용 방법

  1. 1이미지를 패널에 끌어다 놓거나(클립보드에서 붙여 넣어도 됩니다) 인코딩하기.
  2. 2data URL 전체 또는 base64 부분만 복사하고, 인라인 전에 크기 비교를 확인하기.
  3. 3디코드 탭으로 전환해 이미지 data URL을 붙여 넣고 미리 보거나 다운로드하기.

Base64 이미지

PNG, JPEG, GIF, WebP, SVG를 끌어다 놓으면 CSS, HTML, JSON에 바로 붙일 수 있는 data:image/…;base64,… 주소가 즉시 만들어집니다. 원본 파일 크기와 변환된 텍스트 크기를 나란히 보여 주므로, 인라인으로 넣기 전에 base64의 약 33% 부담을 미리 확인할 수 있습니다.

data URL을 붙여 넣으면 반대 방향 디코딩이 시작됩니다: 이미지를 미리 보고, 선언된 MIME 타입을 실제 바이트와 대조하며, 다운로드 버튼으로 파일로 저장할 수 있습니다. 잘못된 base64나 이미지가 아닌 타입은 깨진 미리 보기 대신 명확한 오류 메시지를 냅니다.

자주 묻는 질문

이미지를 data URL로 인라인할 가치가 있는 때는?

작은 아이콘, 아바타, 로딩 플레이스홀더에 적합합니다. base64는 텍스트를 바이너리보다 약 33% 크게 만들므로 몇 KB 이하에서는 보통 HTTP 요청 하나를 아껴 전체적으로 이득이고, 사진에는 부담이 거의 항상 더 큽니다.

base64 버전이 원본보다 큰 이유는?

base64는 3바이트를 4개의 텍스트 문자로 인코딩합니다 — 고정 33% 증가에 data:image/…;base64, 접두어가 더해집니다. 압축도 손실도 없으며, 같은 바이트의 텍스트 안전 표현일 뿐입니다.

디코더는 어떤 형식을 지원하나요?

브라우저가 이미지로 그릴 수 있는 것이면 무엇이든: PNG, JPEG, GIF, WebP, SVG, BMP, AVIF 등입니다. 도구는 페이로드가 유효한 base64인지, 선언된 MIME가 이미지 타입인지 검증하고, 파일의 매직 바이트가 선언과 다르면 경고합니다.

도구 삽입

한 줄로 사이트에 도구를 넣으세요. 방문자의 브라우저에서 실행됩니다.

<iframe src="https://zoyku.com/ko/tools/base64-image?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — base64-image" loading="lazy"></iframe>
100% local processing