이미지를 Base64로
이미지를 Base64 텍스트로 변환.
웹 개발을 위한 이미지를 Base64로 변환
Base64는 바이너리 데이터(이미지 등)를 ASCII 텍스트 문자열로 변환하는 인코딩 시스템입니다. 이를 통해 CSS/HTML에 이미지를 직접 임베드할 수 있어 HTTP 요청을 줄이고 특정 시나리오에서 성능을 향상시킵니다.
Base64 인코딩은 원본 바이너리 파일 대비 데이터 크기를 약 33% 증가시킵니다. 따라서 10KB 미만의 작은 이미지에만 사용하는 것이 좋습니다. 큰 이미지의 경우 일반 파일을 사용하는 것이 좋습니다.
우리 도구는 브라우저에서 즉시 모든 이미지를 Base64로 변환합니다. 어떤 서버에도 업로드되지 않으며, data URI를 자동으로 생성하여 HTML이나 CSS에서 바로 사용할 수 있습니다.
자주 묻는 질문
Base64가 원본 파일보다 큰 이유는 무엇인가요?
Base64는 3바이트의 바이너리 데이터를 4개의 ASCII 문자로 인코딩하므로 약 33%의 크기 증가가 발생합니다. 추가로 data URI 헤더가 몇 바이트를 더합니다.
Base64 이미지는 언제 사용해야 하나요?
아이콘 같은 작은 이미지(10KB 미만), HTML 이메일, 오프라인 앱, 또는 HTTP 요청을 줄이고 싶을 때 이상적입니다. 큰 이미지의 경우 HTML 크기를 크게 늘리므로 권장하지 않습니다.
CSS에서 data URI를 사용할 수 있나요?
네. CSS의 background-image 속성에서 전체 data URI를 사용할 수 있습니다. 예: background-image: url(data:image/png;base64,...). 작은 배경 이미지에 HTTP 요청을 아끼는 데 유용합니다.