변환 방향 선택
이미지를 문자열로 바꿀지, 가지고 있는 Base64 또는 Data URI를 이미지로 복원할지 선택합니다.
개발 TOOL
Base64 이미지 변환
이미지를 Base64로 바꾸거나 Base64에서 이미지 파일을 복원합니다.
Base64 → 이미지
ABOUT THIS TOOL
이 도구는 언제 사용하나요?
이미지 파일을 HTML과 CSS에 바로 넣을 수 있는 Base64 Data URI로 바꾸거나, Base64 문자열을 다시 이미지 파일로 복원합니다. 변환 결과와 함께 img 태그와 CSS background 예제를 만들어 개발 중 복사 실수를 줄입니다.
YAL 편집 기준 · 실제 제공 기능 기준으로 2026년 7월 29일 검토
Base64 이미지 변환 사용 방법
파일 또는 문자열 입력
이미지 파일을 고르거나 Base64 값을 붙여 넣고 변환 결과와 MIME 형식을 확인합니다.
코드 복사 또는 저장
Data URI, HTML img, CSS background 코드를 복사하거나 복원된 이미지를 파일로 내려받습니다.
이럴 때 유용합니다
- 작은 아이콘을 HTML 문서에 직접 포함
- 이메일·프로토타입용 Data URI 생성
- API 응답의 Base64 이미지를 파일로 확인
- CSS background-image 코드 빠르게 작성
사용 전 확인하세요
- Base64는 원본 바이너리보다 문자열 크기가 약 33% 커집니다.
- 큰 이미지를 코드에 직접 넣으면 HTML·CSS 용량과 로딩 시간이 크게 늘어납니다.
- 잘못된 MIME 형식이나 누락된 문자가 있으면 이미지 복원에 실패할 수 있습니다.
- Base64는 암호화가 아니므로 민감한 이미지를 숨기는 용도로 사용할 수 없습니다.
Base64 이미지 변환 자주 묻는 질문
Base64로 바꾸면 이미지가 압축되나요?
아니요. 전송 가능한 문자 형태로 표현하는 인코딩이며 대개 데이터 크기는 더 커집니다.
Data URI와 순수 Base64의 차이는 무엇인가요?
Data URI는 data:image/png;base64, 같은 형식 정보와 Base64 본문을 합친 값입니다. 브라우저 코드에 바로 넣을 때 유용합니다.
어떤 이미지 형식을 지원하나요?
PNG, JPEG, WebP 등 현재 브라우저가 읽을 수 있는 일반 이미지 형식을 처리합니다.
변환한 이미지가 서버로 올라가나요?
아니요. 파일 읽기와 문자열 변환은 현재 브라우저에서 이루어집니다.