🧬 이미지 → Base64

이미지를 Base64 Data URI 문자열로 변환해 HTML·CSS에 바로 넣을 수 있게 해 주는 도구입니다. 아이콘·로고처럼 작은 이미지를 코드에 내장해 HTTP 요청 수를 줄이고 싶은 개발자에게 유용하며, img 태그와 CSS 스니펫도 함께 제공합니다.

사용 방법

1. 이미지를 끌어다 놓거나 클릭해 선택합니다.
2. 생성된 Base64 Data URI를 확인합니다.
3. 필요에 따라 Data URI, img 태그, CSS 스니펫을 복사합니다.

자주 묻는 질문

Base64로 바꾸면 용량이 늘어난다던데요?

맞습니다. Base64 인코딩은 데이터가 원본보다 약 33% 커집니다. 그래서 큰 이미지보다는 아주 작은 아이콘·로고를 내장할 때 적합합니다.

어떤 형식을 지원하나요?

PNG·JPG·WebP·GIF·SVG 등 브라우저가 인식하는 이미지 형식을 지원하며, 원본의 MIME 타입을 그대로 담아 Data URI를 만듭니다.

이미지가 서버로 전송되나요?

아니요. 변환은 브라우저의 FileReader로만 처리되며 이미지가 서버로 업로드되거나 저장되지 않습니다.