이미지 → Base64

이 도구는 무엇인가요?

이미지를 업로드하여 Base64 데이터 URI로 변환합니다. HTML, CSS, JavaScript에 추가 HTTP 요청 없이 직접 삽입할 수 있습니다.

이 도구는 브라우저 FileReader로 이미지 파일을 data URI로 읽어 Base64 문자열과 MIME 타입을 함께 포함한 결과를 만듭니다. Base64는 원본보다 커지므로 작은 이미지나 임베딩이 꼭 필요한 경우에 적합합니다.

작은 아이콘, 데모 HTML, 이메일 템플릿, CSS 배경처럼 별도 파일 요청을 줄이고 싶은 상황에서 유용합니다.

사용 방법

1. 이미지 파일을 드래그하거나 업로드합니다.
2. 미리보기와 파일 크기를 확인합니다.
3. 생성된 Base64 data URI를 복사합니다.
4. 큰 이미지는 캐싱과 로딩 성능을 고려해 별도 파일로 유지할지 검토합니다.

관련 도구와 개념

• MDN data URLs
• Base64 인코더 & 디코더
• QR 코드 생성기 — URL & 텍스트
• Unix 타임스탬프 변환 — Epoch ↔ 날짜
• Cron 표현식 파서 — 일정·검증
• CSS 단위 변환 — px, rem, em & pt
• 종횡비 계산기 — 왜곡 없이 리사이즈