🧬

이미지 ↔ Base64

이미지를 Base64(Data URL)로 변환하거나, Base64 문자열을 이미지로 복원합니다. (브라우저 로컬 처리)

이미지 업로드

🖼️

클릭하거나 이미지를 드래그/붙여넣기 하세요.

JPG, PNG, WebP 등

결과

Data URL

Raw Base64

이 도구로 무엇을 할 수 있나요?

이미지 ↔ Base64 도구는 이미지 파일을 Data URL(Base64)로 변환하거나, Base64 문자열을 다시 이미지로 복원하는 도구입니다.

•이미지 → Data URL / Raw Base64 변환
•Base64(Data URL) → 이미지 미리보기/다운로드
•MIME 타입 추정(PNG/JPG/WebP/GIF 등)
•로컬 처리(서버 업로드 없음)

이런 경우에 유용해요

•Data URI를 HTML/CSS에 인라인으로 넣기
•API/로그에 포함된 Base64 이미지 복원
•CSS url(data:...) 문제 디버깅
•파일 업로드 없이 간단히 이미지 전달
•업로드 전 최적화
•디자인 작업 보조
•이미지 변환/편집
•개인정보(EXIF) 점검

사용 방법

1모드를 선택합니다: 이미지 → Base64 또는 Base64 → 이미지.
2이미지 파일을 선택하거나 Base64 문자열을 붙여 넣습니다.
3생성된 Data URL/Raw Base64 또는 미리보기를 확인합니다.
4복사하거나 파일로 다운로드합니다.

예시

이미지 → Data URL

입력/출력을 확인하고 필요하면 예시를 불러와 바로 실행해 보세요.

입력

logo.png 선택

출력

data:image/png;base64,... 형태로 출력

Base64 → 이미지

입력/출력을 확인하고 필요하면 예시를 불러와 바로 실행해 보세요.

입력

data:image/png;base64,....

출력

미리보기 표시 후 image.png 다운로드

자주 묻는 질문(FAQ)

왜 Base64로 바꾸면 길이가 더 길어지나요?▾

Base64는 바이너리를 텍스트로 표현하기 위해 길이가 약 33% 증가합니다. 작은 아이콘에는 유용하지만 큰 이미지는 부담이 될 수 있습니다.

Data URL과 Raw Base64의 차이는 뭔가요?▾

Data URL은 data:image/png;base64, 처럼 MIME 정보가 포함된 형태이고, Raw Base64는 그 뒤의 순수 Base64 문자열입니다.

Base64를 붙여 넣었는데 미리보기가 깨져요.▾

문자열이 잘렸거나 공백/줄바꿈이 섞였을 수 있습니다. 또한 URL-safe(Base64URL) 변형은 일반 Base64와 문자가 달라 문제가 생길 수 있습니다.

어떤 포맷을 지원하나요?▾

브라우저에서 처리 가능한 주요 포맷(PNG/JPG/WebP/GIF/SVG 등)을 지원합니다. SVG는 텍스트 기반이라 동작이 다를 수 있습니다.

입력한 이미지/문자열이 서버로 전송되나요?▾

아니요. 브라우저 로컬에서 처리하며 서버로 업로드하지 않습니다.

개인정보/보안

•입력한 데이터는 브라우저 로컬에서 처리됩니다.
•서버로 업로드/저장하지 않도록 설계했습니다.
•파일은 브라우저에서만 처리되며 외부 전송을 하지 않습니다.

주의사항

•Base64는 원본보다 문자열 길이가 약 33% 늘어나 크기가 커질 수 있습니다.
•아주 큰 파일은 브라우저 메모리 제한 때문에 처리에 실패할 수 있습니다.