Base64 이미지 변환 온라인
Base64 문자열을 원래 이미지로 되돌려 줍니다. 붙여넣기 → 미리보기 → 다운로드, 3단계로 끝나요.
Base64를 이미지로 되돌리는 법
- 붙여넣기 - Raw Base64 문자열이든, data:image/png;base64,... 형태든 상관없이 전부 받아요.
- 디코딩 버튼 - 클릭 한 번이면 바로 이미지가 나타납니다.
- 다운로드 - 원본 포맷 그대로 저장할 수 있어요.
이런 식으로 쓰시면 돼요
API 응답에서 받은 이미지 확인:
붙여넣기: data:image/png;base64,iVBORw0KGgo...
→ 자동 판별: PNG 형식
→ 미리보기 표시 (256×256px)
→ 'PNG 다운로드' 클릭하면 파일로 저장이 디코더의 특징
- 포맷 자동 판별 - 문자열 앞부분만 봐도 PNG, JPG, GIF, WebP 중 어느 건지 알아서 구분해요.
- 입력 양쪽 다 받음 - Raw Base64만 줘도 되고, 'data:...' 접두사가 붙은 Data URI를 통째로 넣어도 돼요.
- 서버 안 거침 - 디코딩은 전부 브라우저에서 처리합니다. 민감한 이미지도 안심하세요.
- 원본 포맷 유지 - PNG로 인코딩된 건 PNG로, JPG면 JPG로 받습니다.
- 한계점 - 중간에 글자가 깨진 Base64는 복원이 안 돼요. 수 MB 넘는 초대형 문자열은 브라우저 메모리를 많이 먹을 수 있습니다.
긴 Base64 문자열, 이미지로 복원하기
개발하다 보면 API 응답이나 CSS 파일, HTML 메일 소스에서 'iVBORw0KGgo...' 이렇게 시작하는 긴 문자열을 자주 만나게 돼요. 겉보기엔 그냥 암호 같지만 사실은 이미지가 Base64로 인코딩된 상태입니다.
그걸 다시 눈으로 볼 수 있는 PNG, JPG로 되돌려 주는 도구예요. 문자열을 붙여넣기만 하면 바로 미리보기가 뜨고, 원본 형식 그대로 다운로드까지 가능합니다.
이런 분들이 자주 써요
백엔드에서 Base64로 내려오는 이미지 응답을 확인하려는 개발자, HTML 이메일 소스 안에 박힌 인라인 이미지를 꺼내고 싶은 퍼블리셔, CSS 파일의 data:URI가 제대로 생성됐는지 디버깅하는 프런트엔드 개발자한테 유용해요.
다른 Base64 디코더랑 비교
| 기능 | FreeToolbox | Base64-Image.de | CodeBeautify |
|---|---|---|---|
| 포맷 자동 판별 | 예 | 아니요 | 아니요 |
| 개인정보 | 브라우저 전용 | 서버 처리 | 서버 처리 |
| 다운로드 | 예 | 예 | 예 |
| 크기 정보 | 예 | 아니요 | 아니요 |
참고 자료
- MDN: Base64 - Base64 인코딩이랑 Data URI 문법 설명
자주 묻는 질문
어떤 형식으로 붙여넣어야 하나요?
둘 다 됩니다. 'iVBORw0KGgo...' 같은 순수 문자열도 되고, 'data:image/png;base64,...' 처럼 접두사가 붙은 전체 Data URI를 그대로 복붙해도 자동으로 처리해요.
포맷 자동 판별은 어떻게 되는 거예요?
Base64 문자열의 맨 앞 몇 글자를 보고 판단합니다. 예를 들어 PNG는 'iVBOR'로 시작하고 JPG는 '/9j/'로 시작하거든요. 이 시그니처를 보고 알아서 구분해요.
용량 제한이 있나요?
딱 정해진 제한은 없어요. 다만 몇 MB 넘어가는 긴 문자열은 브라우저에서 처리하는 데 시간이 좀 걸릴 수 있습니다.
입력한 데이터가 어디로 전송되나요?
아니요. 전부 브라우저에서 처리돼요. 서버로 올라가는 통신이 전혀 없습니다.
이미지 말고 일반 텍스트 Base64도 되나요?
여기는 이미지 전용이에요. 텍스트 Base64 디코딩이 필요하면 별도 Base64 텍스트 디코더를 써 주세요.