Base64 to 이미지 변환기 - Data URI를 디코딩해 파일로 저장

Base64 문자열이나 data:image URI를 붙여넣으면 이미지를 되돌려 줍니다. 실제 형식은 디코딩된 바이트에서 읽어내므로 다운로드 파일에는 언제나 올바른 확장자가 붙습니다. 디코딩은 브라우저에서 실행됩니다.

위에 문자열을 붙여넣으면 디코딩됩니다. 줄바꿈, 들여쓰기, 감싸고 있는 따옴표는 알아서 처리됩니다.

Base64를 이미지로 변환하는 기능

이 도구는 이미지의 텍스트 형태를 받아 파일로 되돌려 줍니다. Base64는 전송용 인코딩입니다. 임의의 바이트를 A-Z, a-z, 0-9, 더하기, 슬래시라는 64개 문자만으로 다시 표기해, 텍스트만 받아 주는 곳으로도 바이너리 데이터가 지나갈 수 있게 합니다. data URI로 감싸면, 즉 `data:image/png;base64,` 접두사 뒤에 페이로드가 붙는 형태가 되면 HTML 속성, CSS url(), JSON 필드, 이메일 본문 안에 그대로 넣을 수 있습니다. 디코딩은 이 대응을 정확히 되돌리므로 돌려받는 바이트는 들어간 바이트와 EXIF 블록, 컬러 프로필까지 동일합니다. 무언가를 보여 주기 전에 도구가 먼저 입력을 정리합니다. 페이로드가 완전한 `img src="…"` 태그나 `background-image: url(…)` 선언 안에 파묻혀 있어도 찾아내고, 코드 포매터가 넣은 줄바꿈과 들여쓰기를 걷어내고, 감싸고 있는 따옴표를 벗겨냅니다. 그다음 디코딩된 데이터의 첫 바이트로 형식을 판별합니다. PNG 시그니처 89 50 4E 47, JPEG 마커 FF D8 FF, GIF87a/GIF89a 헤더, RIFF/WEBP 컨테이너, AVIF의 ftyp 박스, 또는 여는 `svg` 태그가 그 단서입니다. 접두사에 적힌 MIME 타입은 주장일 뿐입니다. 생성기가 틀리게 쓸 수도 있고 누구나 고칠 수 있는 평범한 텍스트이므로 참고용으로 표시만 하고 다운로드 파일 이름을 정하는 데는 절대 쓰지 않습니다. 모든 처리는 사용자의 기기에서 이 페이지 안에 일어나며 문자열은 어디로도 전송되지 않습니다.

Base64를 다시 이미지로 디코딩하는 이유

인라인된 이미지는 배포하기에는 편하지만 다루기는 불편합니다. 디코딩하면 그 텍스트가 열고, 편집하고, 첨부할 수 있는 파일로 되돌아옵니다.

스타일시트나 번들된 JS 파일, 이메일의 HTML 소스에서 인라인된 아이콘이나 배경 꺼내기
페이지나 로그, API 응답에 있는 낯선 data URI가 실제로 무엇을 담고 있는지 믿기 전에 확인하기
데이터베이스 덤프나 JSON 페이로드의 Base64 컬럼을 다시 볼 수 있는 이미지로 되돌리기
별도 에셋 파일이 없는 단일 HTML 페이지나 생성된 리포트에서 이미지 추출하기

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

붙여넣고 확인하면 끝입니다. 디코딩은 즉시, 전부 브라우저 안에서 이루어집니다.

1

문자열을 붙여넣습니다. 완전한 data:image/…;base64, URI, CSS url() 선언이나 img 태그 전체, 접두사가 전혀 없는 순수 Base64 모두 괜찮습니다

2

줄바꿈, 들여쓰기, 감싼 따옴표는 자동으로 제거되므로 서식이 적용된 소스에서 그대로 복사해 와도 됩니다

3

감지된 형식, 픽셀 치수, 디코딩된 파일 용량과 함께 미리보기를 확인합니다

4

이미지를 다운로드합니다. 확장자는 실제 바이트에서 정해지므로 접두사가 잘못 붙어 있어도 깨진 파일을 받게 되지 않습니다

자주 묻는 질문

아닙니다. 접두사를 붙여도, 붙이지 않아도 모두 동작합니다. 접두사는 data URI 문법의 일부일 뿐 인코딩된 이미지의 일부가 아니며, 뒤따르는 페이로드를 어떻게 해석할지 브라우저에 알려 주는 역할을 합니다. 접두사가 있으면 도구가 읽어서 무엇을 주장했는지 보여 주고, 없어도 잃는 것은 없습니다. 어느 쪽이든 형식은 디코딩된 바이트에서 알아내기 때문입니다.
접두사는 데이터가 아니라 텍스트이기 때문입니다. 누구든 PNG 바이트 앞에 `data:image/jpeg;base64,`를 적을 수 있고, 실제로 많은 생성기가 실수로 그렇게 합니다. 템플릿을 그대로 복사했거나, MIME 타입을 하드코딩했거나, 이미지를 다시 내보낸 뒤 예전 문자열을 재사용한 경우입니다. 그 말을 믿으면 어떤 JPEG 디코더도 열지 못하는 .jpg 파일이 저장됩니다. 이 도구는 대신 앞쪽 바이트를 읽고, 둘이 어긋나면 그 사실을 알린 뒤 바이트를 기준으로 파일 이름을 정합니다.
거의 항상 복사가 덜 된 경우입니다. 긴 data URI는 수만 자에 이르는데, 화면 끝에서 끊긴 선택 영역, 줄을 접으면서 역슬래시를 끼워 넣은 터미널, 모든 줄 앞에 +를 붙인 diff 화면은 모두 디코딩되지 않는 문자열을 만듭니다. 그 밖에 흔한 원인으로는 &가 & 같은 HTML 엔티티로 남아 있는 경우, 그리고 +와 / 대신 -와 _를 쓰는 URL 안전 변형이 있습니다. 후자는 디코딩 전에 변환해야 합니다.
아닙니다. 포매터와 미니파이어 출력은 긴 data URI를 여러 줄로 감싸는 일이 흔하고, 이메일 클라이언트는 76자에서 강제로 줄을 바꿉니다. 공백은 Base64의 일부가 아니므로 디코딩 전에 제거됩니다. 주변 문법을 그대로 붙여넣어도 됩니다. `background-image: url("data:…");` 선언 전체, `img src="…"` 태그, 따옴표로 감싼 JSON 문자열 어느 쪽이든 그 안에서 페이로드를 뽑아냅니다.
전혀 아닙니다. Base64는 되돌릴 수 있는 인코딩일 뿐 압축도, 재인코딩도 아닙니다. 디코딩된 바이트는 원래 인코딩된 파일과 EXIF 메타데이터, ICC 컬러 프로필, 내장 썸네일까지 동일합니다. 결과가 기대보다 나빠 보인다면 손실은 인코딩 이전에 일어난 것입니다. 예를 들어 이미지가 저품질 JPEG로 저장되었거나 먼저 축소되었을 수 있습니다.
네. SVG는 XML이라 바이너리 시그니처가 없으므로 마크업으로 식별합니다. 디코딩된 텍스트가 태그로 시작하고, XML 선언이나 주석을 지나 앞부분에 `svg` 요소가 있어야 합니다. .svg로 다운로드되며 텍스트 편집기에서 열 수 있습니다. 반대 방향도 알아 둘 만합니다. SVG는 이미 텍스트이므로 Base64로 인코딩하면 아무 이득 없이 용량만 3분의 1가량 늘어납니다.
PNG, JPEG, GIF, WebP, AVIF, BMP, ICO, SVG를 각각 파일 앞부분의 고유 시그니처로 인식합니다. Base64는 깔끔하게 디코딩됐는데 어느 것과도 맞지 않으면 다운로드 대신 분명한 안내 메시지가 표시됩니다. 대개 페이로드가 PDF나 폰트, zip이거나 우연히 Base64로 인코딩된 일반 텍스트라는 뜻입니다.
아닙니다. 디코딩은 이 페이지에서 실행되는 몇 줄짜리 JavaScript입니다. 문자열은 탭의 메모리에 머물고, 미리보기 이미지는 로컬에서 만든 blob URL이며, 다운로드 파일도 사용자 기기에서 생성됩니다. 서버 측 구성 요소도, 페이로드를 실어 나르는 요청도 없으며, 네트워크를 끊어도 페이지는 계속 동작합니다. 붙여넣는 data URI가 사적인 스크린샷이나 스캔, 문서인 경우가 많다는 점에서 이는 중요한 부분입니다.

더 많은 이미지 도구

이미지 편집 요구에 맞는 다른 강력한 도구를 살펴보세요

이미지 압축

크기 줄이기

크기 조절

치수 변경

이미지 자르기

영역 자르기

형식 변환

형식 변경

사진 편집기

사진 편집

이미지 회전

이미지 회전

이미지 뒤집기

수평/수직 뒤집기

워터마크 추가

워터마크

테두리 추가

이미지 테두리 추가

둥근 모서리

둥근 모서리 추가

필터

밝기/대비

얼굴 흐리게

얼굴 숨기기

모자이크

영역 흐림

배경 제거

배경 제거

이미지 향상

AI 업스케일

텍스트 추가

이미지에 텍스트 추가

콜라주

여러 이미지 결합

HTML을 이미지로

웹을 이미지로

GIF를 시퀀스로

프레임 추출

이미지 여백 제거

빈 가장자리 제거

이미지 일괄 이름 변경

파일 이름을 안전하게 한꺼번에 변경

원형 자르기

이미지를 원형으로 자르기

흑백

이미지를 흑백으로 변환

이미지 분할

이미지를 그리드로 자르기

이미지 병합

이미지를 하나로 결합

DPI 변경

이미지 DPI 메타데이터 설정

이미지를 Base64로

이미지를 Base64로 인코딩

이미지를 PDF로

이미지를 하나의 PDF로 합치기

HEIC을 JPG로 변환

아이폰 HEIC 사진을 JPG로 변환

EXIF 제거기

GPS 위치를 포함한 사진 속 숨겨진 메타데이터 확인 및 삭제

파비콘 생성기

전체 아이콘 세트와 HTML 제공

색상 팔레트

이미지에서 색상 추출하기

HEIC를 PNG로

아이폰 HEIC 사진을 무손실 PNG로 변환

이미지 뒤 텍스트

사진 속 피사체 뒤에 텍스트를 넣습니다. 전부 브라우저에서 처리됩니다

컬러 피커

원하는 픽셀의 HEX, RGB, HSL 값 확인

서명 만들기

서명을 그려서 투명 PNG로 다운로드

서명 배경 제거

종이에서 잉크만 남겨 투명하게

투명 배경 만들기

배경을 투명하게 만들기