Base64 이미지 변환기 (온라인)

Base64 이미지 디코딩이란 무엇인가요?

// A Base64 PNG payload (no prefix)
iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==

// The decoder infers the format from the leading bytes:
//   iVBORw0KGgo → PNG
//   /9j/        → JPEG
//   R0lGOD      → GIF
//   UklGR       → WebP
//   PHN2Zy      → SVG (<svg)

// Reconstructed as a real file, downloadable as image.png
// (1 × 1 transparent PNG, 68 bytes — lossless round trip)

주요 기능

예시

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==

1 × 1 PNG, 투명 — 미리보기 렌더링, .png로 다운로드 가능

/9j/4AAQSkZJRgABAQEAYABgAAD…

매직 바이트로 JPEG 탐지 — 미리보기 + .jpg로 다운로드

iVBORw0KGgoAAAANS
UhEUgAAAAEAAAAB
CAYAAAA…

공백 자동 제거 — 유효한 PNG 디코딩됨

Base64를 이미지로 변환하는 방법

1. 1

   Base64 문자열 붙여넣기

   전체 데이터 URI나 원시 Base64 페이로드만 넣으십시오. 디코더는 공백과 줄 바꿈을 자동으로 제거하고 data: 접두사 유무에 관계없이 입력을 받습니다.

2. 2

   미리보기와 메타데이터 확인

   이미지가 투명도가 보이도록 체커보드 위에 즉시 렌더링됩니다. 도구는 디코딩된 치수, MIME 타입, 바이트 크기를 보여 주며 — 접두사가 없으면 매직 바이트로부터 포맷을 추론합니다.

3. 3

   이미지 다운로드

   다운로드를 클릭해 올바른 확장자로 복원된 파일을 저장하십시오. 디코딩이 무손실이므로 결과는 원래 인코딩된 이미지와 바이트 단위로 동일합니다.

흔한 함정

…WjR9awAAAABJRU5ErkJggg
// missing trailing == — fails to decode

…WjR9awAAAABJRU5ErkJggg==
// complete with padding — decodes cleanly

JVBERi0xLjcN…
// this is a Base64 PDF (%PDF header), not an image

iVBORw0KGgo…
// this is a Base64 PNG — renders correctly

url("data:image/png;base64,iVBORw0KGgo…")
// the url(" and ") are not part of the data

data:image/png;base64,iVBORw0KGgo…
// just the data URI

data:image/png;base64,iVBORw0KGgo%2B%2F…
// %2B / %2F are URL-encoded + and /

data:image/png;base64,iVBORw0KGgo+/…
// URL-decode first, then decode the image

일반적인 활용 사례

데이터 URI에서 자산 추출

스타일시트나 HTML에 데이터 URI로 인라인된 이미지를 발견했고 실제 파일이 필요한가요? 문자열을 붙여 넣고 미리보기를 확인한 뒤 원본 PNG, JPG, SVG를 다운로드하십시오 — 호스팅하거나 다시 만들 필요가 없습니다.

API 응답 썸네일 검사

API가 Base64 이미지 필드를 반환했고 무엇인지 보고 싶나요. 페이로드를 붙여 넣어 즉시 렌더링하고, 실제 치수와 타입을 읽고, 자세히 살펴보거나 버그 보고를 위해 저장하십시오.

깨진 인라인 이미지 디버깅

포함된 이미지가 페이지에서 렌더링되지 않나요. 그 Base64를 여기에 넣으십시오: 올바르게 미리보이면 데이터는 유효하고 문제는 마크업이나 MIME 타입에 있는 것이고, 실패하면 문자열 자체가 잘렸거나 손상된 것입니다.

설정이나 테마 파일에서 이미지 복구

빌드 도구와 테마 번들은 아이콘과 로고를 Base64로 자주 인라인합니다. 문자열을 디코딩해 편집하거나, 다시 내보내거나, 다른 곳에서 재사용할 수 있는 일반 파일로 자산을 꺼내십시오.

빌드 도구 출력 검증

번들러나 스크립트가 데이터 URI를 생성했고 출시 전에 유효하고 올바른지 확인하고 싶나요. 여기서 디코딩하는 것이 인코딩 단계가 기대한 이미지를 만들었는지 확인하는 가장 빠른 시각적 점검입니다.

Base64를 공유 가능한 파일로 변환

누군가 채팅이나 문서로 이미지를 Base64 블롭으로 보냈나요. 붙여 넣고, 미리보고, 정상적으로 열거나 첨부하거나 업로드할 수 있는 실제 파일을 다운로드하십시오.

기술 세부사항

디코딩의 동작 원리

브라우저 내장 atob가 Base64 페이로드를 이진 문자열로 변환하고, 도구는 이를 한 바이트씩 Uint8Array에 복사합니다. 그 타입 배열은 탐지된 MIME 타입으로 태그된 Blob에 감싸이고, 오브젝트 URL이 미리보기와 다운로드 링크를 가리킵니다. Base64 4문자 그룹마다 3바이트를 산출하며, 끝의 = 패딩이 1바이트나 2바이트 나머지를 표시합니다. 이 과정은 정확하고 무손실입니다 — 재구성된 바이트가 원본 파일과 정확히 일치합니다.

매직 바이트 포맷 탐지

입력에 MIME 타입을 선언하는 data: 접두사가 없으면 디코더는 처음 몇 Base64 문자로부터 포맷을 식별하는데, 이 문자들은 파일의 시그니처 바이트를 인코딩합니다. iVBORw0KGgo는 PNG 헤더로, /9j/는 JPEG SOI 마커로, R0lGOD는 GIF로, UklGR는 RIFF/WebP 컨테이너로, PHN2Zy와 PD94bWw는 SVG의

네트워크 없음, 저장 없음

디코딩, 미리보기, 다운로드가 모두 로컬입니다. fetch도, XMLHttpRequest도, 서버 왕복도 없습니다 — 페이지가 수행하는 유일한 네트워크 활동은 자기 자신을 로딩하는 것뿐입니다. 붙여 넣은 문자열은 페이지 수명 동안 메모리에 보관되고 닫거나 새로 고치면 폐기됩니다. 이것이 도구를 기밀 이미지에 안전하고 오프라인에서 사용 가능하게 만듭니다.

모범 사례

패딩을 포함해 전체 문자열을 복사하세요

Base64 이미지 문자열은 디코딩하려면 완전해야 합니다. 모든 문자, 특히 끝의 = 또는 == 패딩을 복사했는지 확인하십시오 — 중간에서 끝나는 값은 실패합니다. 디코딩에 실패하면 전체 문자열을 다시 선택해 복사하는 것이 가장 먼저 시도할 일입니다.

접두사 없는 문자열은 매직 바이트 탐지를 믿으세요

원시 페이로드만 있다면 그대로 붙여 넣으십시오 — data: 접두사를 손수 만들 필요가 없습니다. 디코더가 선행 바이트로부터 포맷을 추론하고 올바른 MIME 타입과 확장자를 부여합니다. 탐지된 타입을 일부러 재정의해야 할 때만 접두사를 수동으로 추가하십시오.

다운로드 전에 치수를 확인하세요

보고된 픽셀 치수와 MIME 타입을 의도한 자산을 디코딩했는지 점검하는 정합성 확인으로 사용하십시오 — 특히 여러 개가 들어 있는 파일에서 한 문자열을 꺼낼 때 그렇습니다. 예를 들어 1×1 결과는 보통 원하던 이미지가 아니라 추적 픽셀을 잡았다는 뜻입니다.

Base64는 안전하지 않다는 것을 기억하세요

디코딩에 키가 필요 없으므로 이미지 콘텐츠를 숨기는 데 Base64를 절대 의존하지 마십시오. 보호될 것이라 기대하고 문자열을 받았다면 그렇지 않습니다 — 누구나 여기서 몇 초 만에 디코딩할 수 있습니다. 실제 보호에는 인코딩이 아니라 암호화와 접근 제어가 필요합니다.

재인코딩 왕복은 무손실입니다

같은 이미지를 디코딩한 뒤 재인코딩하는 것은 무손실이므로 두 탭을 거쳐 안전하게 왕복하며 파이프라인을 테스트할 수 있습니다. 자산을 줄여야 한다면 더 작은 데이터 URI로 재인코딩하기 전에 디코딩된 파일을 이미지 압축기로 압축하십시오.

자주 묻는 질문