이미지를 여기에 드래그 앤 드롭하거나 클릭하여 선택
PNG, JPG, GIF, SVG, WebP, BMP, ICO — 최대 10 MB
Base64 인코딩은 이진 이미지 데이터를 ASCII 텍스트 문자열로 변환합니다. 이를 통해 별도의 이미지 파일 없이 HTML, CSS 또는 JSON에 이미지를 직접 삽입할 수 있습니다.
이 도구는 PNG, JPEG/JPG, GIF, SVG, WebP, BMP, ICO 등 모든 주요 이미지 형식을 지원합니다. 각 형식은 네이티브 FileReader API를 사용하여 올바르게 인코딩됩니다.
처리는 브라우저에서 실행됩니다. 저장과 공유는 선택 사항이며 계정이 필요하고 선택한 콘텐츠를 서비스로 전송합니다.
Base64 인코딩은 이진 이미지 데이터를 텍스트 기반 형식으로 변환합니다. HTML, CSS, JSON에 이미지를 직접 임베드할 수 있어 별도의 HTTP 요청이 필요 없습니다. 작은 아이콘, 임베드된 로고, 이메일 템플릿, 데이터 URI가 필요한 API 통합에 유용합니다.
Base64 인코딩은 파일 크기를 약 33% 증가시킵니다. 인코딩 오버헤드로 인해 3바이트의 이진 데이터가 4바이트의 텍스트가 됩니다. 소규모 에셋의 경우 트레이드오프는 무시할 수 있습니다. 큰 이미지의 경우 별도의 파일로 제공하는 것이 좋습니다.
background-image: url('data:image/png;base64,...') 또는 background-image: url('data:image/svg+xml;base64,...') CSS 속성으로 사용합니다. HTML img 태그의 src 속성에도 사용할 수 있습니다: <img src='data:image/jpeg;base64,...'>
작은 PNG 아이콘과 SVG 파일은 Base64에 이상적입니다. 파일 크기가 작아 인코딩 오버헤드가 최소화됩니다. 큰 JPEG 사진은 Base64로 변환하면 상당히 커지므로, 큰 이미지에는 별도 파일로 제공하는 것을 권장합니다.