디코딩

Base64를 이미지로

문자열을 붙여넣고, 그림을 확인하고, 파일로 저장하세요 — 확장자는 바이트 자체에서 정해집니다.

디코딩

☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다

디코딩 결과

base64 문자열이나 data: URI를 붙여넣으면 여기에 이미지가 나타납니다.

다시 파일로

문자열을 다시 그림으로

Base64는 텍스트만 실어 나르는 곳을 이미지가 통과하는 방식입니다. CSS 파일, JSON 응답, 메일 본문, 데이터베이스 칼럼. 그림을 되돌린다는 것은 그 문자들을 바이트로 디코딩해 진짜 파일로 건네주는 일이고, 이 페이지가 하는 일은 그것뿐입니다.

원본 문자열이든 data: URI 전체든 상관없습니다. 접두사, 줄바꿈, 양쪽 따옴표, 심지어 <img> 태그 전체라도 괜찮습니다. 디코딩 전에 base64 문자 집합 밖의 문자는 모두 버려지기 때문입니다.

세 단계

base64를 이미지로 디코딩하는 법

01

문자열이 들어 있는 것을 통째로 붙여넣기

순수한 base64, data: URI, 스타일시트나 JSON 응답에서 그대로 복사한 한 줄 모두 됩니다. 공백과 따옴표는 무시되고, + 와 / 대신 - 와 _ 를 쓰는 URL-safe 변형도 받습니다.

02

미리 보기 확인

바이트가 유효하면 곧바로 이미지가 나타납니다. 나타나지 않으면 대개 문자열이 잘린 것입니다. 중간에 멈춘 복사본은 더 이상 읽을 수 있는 파일이 아닙니다.

03

올바른 확장자로 내려받기

형식은 data: 접두사가 아니라 파일 자체의 매직 바이트에서 옵니다. 둘이 어긋날 때 — 접두사를 다른 곳에서 복사해 왔을 때 생깁니다 — 바이트가 이깁니다. 페이지가 그 사실도 알려줍니다.

빠른 답변

Base64 디코딩 자주 묻는 질문

data:image/png;base64, 부분이 꼭 필요한가요?

아니요. 있으면 읽지만 실제 형식은 디코딩된 바이트에서 판별합니다. 순수한 base64 문자열도 똑같이 동작합니다.

어떤 형식을 알아보나요?

PNG, JPG, GIF, WebP, BMP, ICO, SVG입니다. 앞의 여섯은 매직 바이트로 식별하고, SVG는 텍스트라 여는 태그로 식별합니다.

접두사는 PNG인데 JPG로 저장된 이유는?

바이트가 JPEG이기 때문입니다. 접두사 불일치는 대개 복사·붙여넣기의 잔재이고, 그 바이트를 .png로 저장하면 어떤 뷰어에서도 열리지 않는 파일이 됩니다. 둘이 어긋나면 안내 문구가 표시됩니다.

붙여넣어도 아무것도 안 나옵니다.

거의 항상 잘린 문자열 때문입니다. 콘솔이나 편집기에서 복사할 때 잘려 나간 경우죠. 붙여넣은 끝부분이 원본의 끝과 같은지, 끝의 = 기호까지 확인해 보세요.

제 데이터가 업로드되나요?

아니요. 문자열은 브라우저에서 디코딩되고 파일도 로컬에서 만들어집니다. 내부 문서에 박혀 있던 스크린샷이 기기를 떠나지 않습니다.

크기 제한이 있나요?

브라우저 메모리가 감당하는 만큼입니다. base64는 원본 파일보다 약 3분의 1 크기 때문에, 디코딩이 버거워지기 한참 전에 붙여넣기가 먼저 버거워집니다.

반대 방향은 어떻게 하나요?

「이미지를 Base64로」 도구를 쓰세요. 순수 문자열과 바로 쓸 수 있는 data: URI를 함께 만들어 줍니다.

무료인가요?

네, 무료이며 워터마크가 없습니다.