Base64 이미지 변환기

Base64 텍스트나 데이터 URL을 붙여넣으면 이미지로 되돌려줍니다.

브라우저에서 실행됩니다. 입력한 내용은 어디로도 전송되지 않습니다.

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

  1. data:image/... URL이나 Base64 원본 텍스트를 붙여넣으세요.
  2. '이미지 디코딩'을 클릭하세요.
  3. 미리 보고 파일을 다운로드하세요.

Base64 이미지 텍스트는 어디서 오는가

  • 웹페이지의 CSS나 HTML 소스에서 복사한 데이터 URL.
  • API 응답이나 데이터베이스 내보내기의 필드로, 사진을 파일이 아니라 텍스트로 저장하는 경우가 많습니다.
  • 이메일 HTML에 삽입된 스크린샷이나 로고.
  • 이 사이트의 도구를 포함한 이미지 to Base64 변환 도구.

파일 형식은 어떻게 감지되나요

텍스트가 data:image/... 접두사로 시작하면 그 형식을 그대로 읽습니다. 접두사 없는 텍스트는 먼저 디코딩한 뒤, 결과의 앞부분 바이트를 각 형식 고유의 시그니처와 대조합니다.

형식감지 방법
PNG시작 바이트 89 50 4E
JPG시작 바이트 FF D8 FF
GIF바이트 47 49 46
BMP바이트 42 4D
WEBPWEBP 태그가 있는 RIFF 헤더
ICO바이트 00 00 01 00
SVGsvg나 xml로 시작하는 텍스트

디코딩 오류 해결하기

  • 줄바꿈과 공백은 자동으로 제거되므로 코드 편집기에서 복사한 텍스트도 그대로 작동합니다.
  • 복사 중 일부가 잘려나간 문자열은 디코딩할 수 없어 오류가 표시됩니다.
  • Base64 알파벳 밖의 문자나 마지막 = 기호 누락도 오류의 원인이 됩니다.

Base64→이미지 자주 묻는 질문

Base64 텍스트는 어디서 구하나요?

보통 HTML이나 CSS의 데이터 URL, API 응답, 데이터베이스 필드, 또는 이미지를 Base64로 변환하는 도구에서 얻습니다.

data:image/... 접두사가 없어도 작동하나요?

네. Base64 문자만 붙여넣어도 디코딩된 바이트에서 이미지 형식을 자동으로 감지합니다.

어떤 이미지 형식이 감지되나요?

PNG, JPG, GIF, WEBP, BMP, ICO는 파일 자체의 헤더를 읽어 감지하며, 디코딩한 텍스트가 svg나 xml 태그로 시작하면 SVG로 감지합니다.

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

아니요. 디코딩은 전부 브라우저 안에서 이루어지므로 아무것도 어디로도 전송되지 않습니다.

왜 '유효한 Base64 이미지 데이터가 아닙니다'라고 나오나요?

붙여넣은 텍스트에 문자가 빠졌거나, 복사 중 잘렸거나, Base64 알파벳(A~Z, a~z, 0~9, 더하기, 슬래시, = 패딩) 밖의 문자가 섞여 있기 때문입니다. 전체 문자열을 다시 복사하세요.

붙여넣기 전에 줄바꿈을 제거해야 하나요?

아니요. 줄바꿈과 공백은 디코딩 전에 자동으로 제거되므로, 정렬된 코드에서 복사한 텍스트도 그대로 작동합니다.

Base64에서 SVG도 디코딩할 수 있나요?

네. 디코딩한 텍스트가 svg나 xml 태그로 시작하면 SVG로 인식되어 다른 이미지처럼 미리보기가 표시됩니다.

붙여넣을 수 있는 Base64 텍스트에 크기 제한이 있나요?

정해진 제한은 없습니다. 매우 긴 문자열은 브라우저가 디코딩하는 데 시간이 조금 더 걸릴 뿐입니다.

관련 도구