Base64 → 이미지
Base64·data URL을 이미지로 미리보고 다운로드합니다. 업로드 없이 브라우저에서만 처리됩니다.
Base64 → 이미지
값을 입력한 뒤 계산하기를 눌러주세요.
미리보기
붙여 넣은 값은 브라우저에서만 디코드됩니다. 서버로 업로드되지 않습니다.
사용 방법
- Base64 또는 data URL 칸에
data:image/png;base64,...전체 또는 순수 Base64만 붙여 넣습니다. - 미리보기를 누릅니다. 순수 Base64면 PNG로 가정한 data URL을 만들어
img에 넣습니다. - 이미지가 열리면 안내가 뜨고 다운로드가 활성화됩니다. MIME에 따라 확장자(png, jpg, svg 등)가 정해집니다.
- 깨진 문자열이면 미리보기 실패 안내가 나고 다운로드는 비활성입니다.
- 초기화로 입력·미리보기를 지웁니다. 파일은 서버에 업로드되지 않습니다.
- 메일·JSON에서 줄바꿈이 섞인 Base64도 순수 문자열이면 공백을 제거하고 시도합니다. 미리보기가 열리기 전에는 다운로드가 비활성입니다. 민감한 이미지는 이 탭에서만 디코드하세요.
핵심 개념
Base64 이미지는 바이너리를 텍스트로 담아 HTML·CSS·JSON·이메일 본문에 넣는 방식입니다. 접두가 data:image/…;base64,이면 그 MIME을 그대로 쓰고, 순수 Base64만 있으면 PNG로 가정한 data URL을 만듭니다. 공백과 줄바꿈은 순수 문자열에서 제거하므로, 여러 줄로 쪼갠 페이로드도 붙여 넣을 수 있습니다. CSS 인라인 배경이나 작은 아이콘 미리보기를 서버 없이 확인할 때도 씁니다.
미리보기와 다운로드는 모두 브라우저 메모리의 data URL로 이뤄져 서버에 파일이 생기지 않습니다. 이미지가 열리면 다운로드가 켜지고, MIME에 따라 png·jpg·svg 등 확장자가 붙습니다. 깨진 패딩이나 이미지가 아닌 데이터면 미리보기가 실패합니다. 큰 문자열은 탭 메모리를 많이 쓰니 작은 자산에 적합합니다. 민감한 스크린샷도 이 탭을 벗어나 전송되지 않습니다.
예시
1×1 PNG의 짧은 Base64를 붙여 미리보기를 누르면 점처럼 작은 그림이 보이고, 다운로드 파일 이름은 image.png입니다. data:image/jpeg;base64,로 시작하는 긴 문자열이면 JPEG로 렌더되고 저장 확장자는 jpg입니다. SVG data URL도 브라우저가 지원하면 벡터로 보입니다. 메일에서 여러 줄로 쪼갠 Base64는 붙여 넣은 뒤 미리보기로 공백 제거가 됐는지 확인하면 됩니다. 실패 안내가 나면 원문 data URL을 다시 복사해 등호 패딩이 잘렸는지도 꼭 확인하세요.
자주 묻는 질문
Base64를 이미지로 변환하는 방법은?
문자열을 붙여 넣고 미리보기를 누릅니다. data:image/로 시작하지 않으면 PNG로 가정한 data URL을 만들어 표시합니다.
data URL 없이 순수 Base64만 넣어도 되나요?
됩니다. 공백·줄바꿈을 제거한 뒤 앞에 data:image/png;base64,를 붙여 img에 넣습니다.
Base64 이미지 다운로드 확장자는?
data URL의 MIME을 봅니다. jpeg는 jpg, svg+xml은 svg입니다. 순수 Base64만 넣은 경우는 png로 저장됩니다.
이미지가 안 보이면?
패딩(=) 누락, 잘린 문자열, 이미지가 아닌 MIME, 잘못된 접두일 수 있습니다. 원본 data URL을 다시 복사해 보세요.
JPG·GIF·WebP도 Base64 미리보기가 되나요?
올바른 data:image/…이면 브라우저가 지원하는 형식은 표시됩니다. 다운로드도 그 MIME에 맞는 확장자를 씁니다.
Base64 이미지가 서버에 저장되나요?
아니요. 미리보기와 다운로드 링크 모두 이 탭 메모리의 data URL만 사용하고 서버 디스크에 쓰지 않습니다. 관련: 이미지 → Base64 · URL 인코더 · RGB HEX 변환
최종 검토일: 2026년 9월 4일