🖼️ 이미지 Base64 변환기

소개

이 도구는 브라우저의 FileReader API를 사용해 이미지를 기기 안에서만 Base64 문자열로 인코딩합니다. 결과물은 raw 데이터 URI, CSS background-image 스니펫, 완전한 HTML img 요소 등 세 가지 형태로 바로 복사할 수 있습니다. 원본 파일 크기와 인코딩 후 크기를 함께 보여줘 용량 변화를 쉽게 확인할 수 있습니다. 모든 처리가 로컬에서 이뤄지므로 로고나 개인 사진 같은 민감한 이미지도 안전하게 사용할 수 있습니다.

사용 방법

1. 업로드 영역에 이미지를 끌어다 놓거나 클릭해서 파일을 선택하세요.
2. 도구가 브라우저에서 즉시 이미지를 인코딩하고 원본 및 인코딩된 파일 크기를 표시합니다.
3. 복사 형식을 선택하세요: raw Base64 데이터 URI, CSS background-image 규칙, HTML img 태그.
4. 복사 버튼을 클릭하면 인코딩된 문자열이 클립보드에 복사되어 코드에 바로 붙여넣기 할 수 있습니다.

자주 묻는 질문

Base64 데이터 URI란 무엇인가요?

Base64 데이터 URI는 바이너리 파일 내용을 data:[mime];base64,[encoded] 형식의 텍스트로 인코딩하여 별도의 파일 요청 없이 HTML·CSS·JSON에 이미지를 직접 삽입할 수 있게 합니다.

이미지가 서버에 업로드되나요?

아니요. 인코딩은 브라우저의 FileReader API를 사용하며 기기 내에서만 처리됩니다. 이미지가 브라우저 밖으로 전송되지 않습니다.

Base64 출력이 원본 이미지보다 훨씬 큰 이유는 무엇인가요?

Base64 인코딩은 3바이트를 4개의 ASCII 문자로 표현하므로 바이너리 데이터가 약 33% 커집니다. 이는 정상적인 현상입니다.

어떤 이미지 형식을 Base64로 변환할 수 있나요?

브라우저가 읽을 수 있는 모든 이미지: PNG·JPEG·WebP·GIF·SVG·BMP·AVIF 등. MIME 타입은 파일에서 자동으로 감지됩니다.

일반 이미지 파일 대신 Base64 이미지를 언제 사용해야 하나요?

Base64는 단일 파일 HTML 이메일, 인라인 CSS, JSON API 페이로드 등 별도 HTTP 요청이 지연을 유발하거나 허용되지 않는 환경에서 소형 아이콘이나 로고를 삽입할 때 적합합니다. 큰 이미지는 일반 파일 URL이 더 효율적입니다.