도구 실행
이미지 Base64 변환기는 입력된 이미지 데이터를 텍스트 기반의 Base64 문자열로 변환하는 온라인 도구입니다. 웹 문서나 스타일시트에 이미지를 직접 삽입할 때 필요한 접두사가 포함된 데이터 URI 형식도 함께 생성할 수 있습니다. PNG, JPEG, WEBP, GIF, BMP 등 주요 이미지 형식을 자동으로 판별하여 알맞은 MIME 형식을 지정하며, 형식을 식별하기 어려운 경우에는 기본값으로 PNG 형식이 적용됩니다. 데이터 URI 생성 옵션을 켜면 HTML이나 CSS 코드에 바로 복사하여 사용할 수 있는 완전한 URI 문자열이 나타나며, 옵션을 해제하면 순수 Base64 인코딩 문자열만 깔끔하게 출력됩니다. 웹 개발이나 디자인 작업 중 별도의 이미지 파일 경로 연결 없이 소스 코드 내에 이미지를 안전하게 내장하고자 할 때 유용하게 활용할 수 있습니다.
사용 방법
- 이미지 데이터 입력란에 변환할 이미지 파일을 업로드하거나 이미지 데이터를 붙여넣습니다.
- 데이터 URI 형식 생성이 필요한 경우 데이터 URI 포함 옵션을 선택합니다.
- 변환 버튼을 누르면 화면 결과 영역에 생성된 문자열이 표시됩니다.
- 생성된 Base64 또는 데이터 URI 텍스트를 복사하여 HTML, CSS 또는 소스 코드에 활용합니다.
예시
- PNG 이미지 데이터를 입력하고 데이터 URI 포함 옵션을 선택하면 data:image/png;base64,... 형식의 완전한 데이터 URI 문자열이 결과 영역에 나타납니다.
- JPEG 이미지 데이터를 입력하고 데이터 URI 포함 옵션을 해제하면 접두사 없는 순수 Base64 텍스트를 결과 화면에서 확인할 수 있습니다.
자주 묻는 질문
어떤 이미지 형식을 지원합니까?
PNG, JPEG, WEBP, GIF, BMP 등 주요 이미지 형식을 인식하여 각각에 맞는 MIME 유형을 지정합니다. 형식을 명확히 판별할 수 없을 때는 기본값인 PNG 형식으로 처리됩니다.
데이터 URI 접두사는 언제 사용합니까?
HTML의 img 태그 src 속성이나 CSS의 background-image 속성에 이미지를 직접 삽입하고자 할 때 데이터 URI 형식을 사용합니다.
입력 데이터가 비어 있으면 어떻게 됩니까?
입력이 없으면 결과 영역이 빈 상태로 유지되며 변환이 진행되지 않습니다. 올바른 이미지 데이터를 입력한 후 다시 실행하십시오.