이미지 → Base64

이미지-Base64 변환기란?

이미지-Base64 변환기는 이미지 파일을 HTML, CSS 또는 JSON에 별도의 파일 호스팅 없이 직접 삽입할 수 있는 Base64 텍스트 문자열로 인코딩합니다. 작은 아이콘, 썸네일 또는 스프라이트를 웹 페이지에 인라인으로 포함하여 HTTP 요청을 줄이고 자체 포함 문서의 배포를 간소화하는 데 유용합니다.

이미지-Base64 변환기 사용 방법

1. 드롭 존에 드래그하거나 클릭하여 이미지 파일(PNG, JPEG, GIF, SVG 또는 WebP)을 업로드합니다.
2. 도구가 Base64 인코딩된 문자열과 완전한 데이터 URI(예: data:image/png;base64,...)를 생성합니다.
3. HTML img 태그, CSS background-image 속성 또는 인라인 데이터 URI를 지원하는 모든 컨텍스트에서 사용할 데이터 URI를 복사합니다.

주요 개념

Base64 인코딩은 바이너리 데이터를 64개의 ASCII 문자 세트(A–Z, a–z, 0–9, +, /)로 변환합니다. 인코딩된 출력은 원본 바이너리보다 약 33% 더 크므로, 이 기술은 10–20KB 미만의 작은 이미지에 가장 적합합니다. 더 큰 이미지는 브라우저 캐싱을 활용하고 HTML이나 CSS 페이로드의 비대화를 방지하기 위해 별도의 파일로 제공하는 것이 좋습니다.

자주 묻는 질문

데이터 URI란 무엇인가요?

데이터 URI는 파일 콘텐츠를 URL 문자열에 직접 삽입하는 스킴입니다. 형식은 data:[mediatype];base64,[encoded-data]입니다. 브라우저는 서버에 추가 HTTP 요청을 하지 않고 삽입된 이미지를 렌더링합니다.

Base64 인코딩은 파일 크기를 증가시키나요?

네. Base64 인코딩은 3바이트의 바이너리 데이터가 4바이트의 ASCII 텍스트가 되므로 데이터 크기를 약 33% 증가시킵니다. 이 오버헤드는 작은 이미지에는 허용되지만 큰 사진이나 비디오에는 비실용적입니다.

어떤 이미지 형식이 Base64에 가장 적합한가요?

SVG와 작은 PNG 아이콘(5–10KB 미만)이 이미 컴팩트하기 때문에 이상적인 후보입니다. JPEG 사진은 인코딩할 수 있지만 실용적인 크기 임계값을 초과하는 경우가 많습니다. WebP 이미지는 좋은 압축을 제공하며 인라인 데이터 URI로서의 지원이 점점 증가하고 있습니다.