Base64를 이미지로 변환
Base64 문자열을 다시 이미지로 변환합니다
Base64 문자열
예시 사용해 보기
파일 정보
- 크기
- 0 B
- MIME 유형
- —
- 형식
- —
- 치수
- —
지원 형식
- 데이터 URI 형식 예시: data:image/png;base64,iVBORw0KGgo… 와 같은 형태
- 원시 및 URL 안전 Base64: PNG, JPG, GIF, WebP, BMP, ICO, AVIF, SVG 바이트를 감지합니다
- 데이터 URI의 MIME 유형은 유지되며, 시각적 미리보기는 브라우저 지원 여부에 따라 달라집니다
- 다운로드하면 재압축 없이 디코딩된 원본 이미지 바이트가 그대로 보존됩니다
이미지 미리보기
올바른 Base64 문자열을 입력하면 이미지 미리보기를 볼 수 있습니다.
0자
올바른 Base64 문자열을 입력하면 이미지 미리보기를 볼 수 있습니다.
Base64를 이미지로 변환 소개
무료 Base64 이미지 디코더는 Base64로 인코딩된 문자열을 볼 수 있고 다운로드할 수 있는 이미지 파일로 되돌립니다. HTML 문서의 데이터 URI, API 응답의 Base64 문자열, 데이터베이스에 저장된 인코딩 이미지 데이터 등 무엇이든 이 도구가 이미지를 즉시 렌더링하고 자세한 형식 정보를 보여 줍니다.
Base64 인코딩은 64개 문자 집합을 사용해 이미지 같은 이진 데이터를 ASCII 텍스트로 표현합니다. HTML, CSS, JSON 응답, 이메일 메시지에 이미지를 직접 삽입할 때 흔히 쓰입니다. 이 디코더는 그 과정을 거꾸로 수행하여 Base64 텍스트로부터 원본 이미지를 복원해 미리보기와 다운로드를 제공합니다.
이 도구는 전체 데이터 URI 형식(data:image/png;base64,...)과 헤더 없는 원시 Base64 문자열을 모두 지원합니다. MIME 유형에서 이미지 형식을 자동으로 감지하고, 예상 크기를 포함한 파일 정보를 표시하며, 디코딩된 이미지를 원래 형식 그대로 다운로드할 수 있습니다. 이 모든 과정에서 서버로 데이터가 업로드되지 않습니다.
주요 기능
- Base64 문자열을 볼 수 있는 이미지로 즉시 디코딩
- 데이터 URI 형식과 원시 Base64 입력 모두 지원
- MIME 유형 및 이미지 형식 자동 감지
- 주요 형식 모두 지원: PNG, JPG, GIF, WebP, SVG, BMP
- 실제 렌더링된 결과를 보여 주는 실시간 이미지 미리보기
- 디코딩된 이미지의 예상 파일 크기 계산
- 디코딩된 이미지를 원래 형식으로 한 번에 다운로드
- 빠른 입력을 위한 클립보드 붙여넣기 버튼
- 도구를 시험해 볼 수 있는 내장 예제 템플릿
- 완전한 클라이언트 측 처리로 개인정보를 철저히 보호
Base64를 이미지로 변환 사용 방법
- Base64 문자열 붙여넣기: Base64로 인코딩된 텍스트를 입력 영역에 넣습니다. 직접 입력하거나 붙여 넣거나, 붙여넣기 버튼으로 클립보드에서 읽어 올 수 있습니다.
- 자동 디코딩: 도구가 문자열을 즉시 디코딩하고 오른쪽 미리보기 패널에 이미지를 렌더링합니다.
- 이미지 상세 정보 확인: 이미지 정보 패널에서 형식, MIME 유형, 예상 파일 크기를 확인합니다.
- 이미지 다운로드: 다운로드 버튼을 클릭하면 디코딩된 이미지가 원래 형식 그대로 기기에 저장됩니다.
- 예제 사용해 보기: 예제 버튼을 클릭해 샘플 Base64 문자열을 불러오고 디코더가 다양한 이미지 유형을 어떻게 처리하는지 확인합니다.
활용 사례
- 삽입된 이미지 추출: HTML 소스 코드, CSS 스타일시트, Markdown 문서에 있는 데이터 URI를 디코딩하여 원본 이미지를 확인하고 저장합니다.
- API 개발: API 응답에서 Base64 문자열로 반환된 이미지를 애플리케이션에 통합하기 전에 미리 확인합니다.
- 이메일 디버깅: Base64 인코딩 데이터 URI를 사용하는 HTML 이메일 소스 코드에서 인라인 이미지를 추출하여 확인합니다.
- 데이터베이스 복구: 데이터베이스 필드에 Base64 텍스트로 저장된 이미지 데이터를 디코딩하여 내용을 확인하거나 이미지 파일을 복구합니다.
- 프런트엔드 디버깅: 코드에 있는 Base64 인코딩 이미지를 애플리케이션 밖에서 미리 보고 올바르게 렌더링되는지 확인합니다.
- 보안 분석: 네트워크 트래픽, 로그, 의심스러운 파일에 있는 Base64 인코딩 이미지 페이로드를 살펴 시각적 내용을 확인합니다.
- 콘텐츠 마이그레이션: 플랫폼이나 CMS 간에 콘텐츠를 옮길 때 삽입된 Base64 이미지를 독립된 파일로 되돌립니다.
자주 묻는 질문
Base64로 인코딩된 이미지란 무엇인가요?
Base64로 인코딩된 이미지는 이미지 파일의 이진 데이터를 Base64 문자 집합(A-Z, a-z, 0-9, +, /)을 사용한 텍스트 문자열로 바꾼 것입니다. 덕분에 별도의 이미지 파일 없이 HTML, CSS, JSON 같은 텍스트 기반 형식에 이미지를 직접 삽입할 수 있습니다.
데이터 URI란 무엇인가요?
데이터 URI는 웹 페이지에 데이터를 인라인으로 포함할 수 있게 해 주는 스킴입니다. 이미지의 경우 data:image/[format];base64,[encoded-data] 형식을 따릅니다. MIME 유형은 브라우저에 어떤 종류의 이미지인지 알려 줍니다.
어떤 이미지 형식을 지원하나요?
디코더는 원시 이미지 바이트에서 PNG, JPEG, GIF, WebP, SVG, BMP, ICO, AVIF를 감지합니다. 데이터 URI는 자체 MIME 유형을 제공합니다. 시각적 미리보기는 브라우저 지원 여부에 따라 달라지며, 미리보기를 쓸 수 없어도 데이터 URI 다운로드는 디코딩된 바이트를 그대로 보존합니다.
이 도구는 무료인가요?
네, 이 Base64 이미지 디코더는 완전 무료이며 사용 횟수 제한도, 회원 가입도 없고 이미지 크기나 변환 횟수에도 제한이 없습니다.
내 데이터는 안전한가요?
네. 모든 디코딩은 브라우저 안에서만 이루어집니다. 붙여 넣은 Base64 문자열은 어떤 서버로도 전송되지 않으므로 민감하거나 기밀인 이미지 데이터를 디코딩할 때도 안전합니다.
Base64 문자열이 디코딩되지 않는 이유는 무엇인가요?
흔한 원인은 불완전한 Base64 문자열(복사 중 잘림), 잘못된 데이터 URI 형식, 이미지가 아닌 MIME 유형, 손상된 인코딩입니다. data:image 접두사가 있다면 그것까지 포함하여 문자열 전체를 복사했는지 확인하세요.
팁과 모범 사례
- 데이터 URI 헤더 포함: 가장 좋은 결과를 얻으려면 data:image/[format];base64, 접두사를 포함한 전체 데이터 URI를 붙여 넣으세요. 그래야 도구가 올바른 이미지 형식을 감지할 수 있습니다.
- 붙여넣기 버튼 사용: 붙여넣기 버튼은 클립보드에서 바로 읽어 오므로 긴 Base64 문자열은 수동으로 붙여 넣는 것보다 빠르고 오류도 적습니다.
- 예상 크기 확인: 이미지 정보 패널에는 디코딩된 바이트 크기가 표시되며, 브라우저가 이미지를 미리 볼 수 있으면 고유 크기(가로, 세로)도 표시됩니다. 파일 크기만으로는 이미지의 가로나 세로를 알 수 없습니다.
- 예제 먼저 사용해 보기: 내 Base64 데이터를 디코딩하기 전에 내장 예제로 도구에 익숙해지세요.
- 검증용 다운로드: 디코딩된 이미지를 다운로드해 이미지 편집기에서 열어 품질, 크기, 색상 정확도를 확인하세요.