이미지를 Base64로 변환

Base64는 이미지의 바이너리 데이터(바이트)를 ASCII 문자열로 변환하는 인코딩 방식입니다. 데이터 URL은 이 문자열 앞에 MIME 타입(data:image/png;base64, 등)을 붙여 브라우저가 별도의 HTTP 요청 없이 이미지를 표시할 수 있게 합니다.

Base64 인코딩은 3바이트의 바이너리 데이터를 4개의 ASCII 문자로 나타내므로 파일 크기가 약 33% 증가합니다. 이는 텍스트 기반 형식에 이미지를 인라인으로 삽입하는 편의성을 위한 트레이드오프입니다.

이미지는 절대 서버에 업로드되지 않습니다. 변환은 FileReader API를 사용하여 브라우저 내에서 완전히 실행됩니다. 이 도구는 모든 데이터를 기기에서 로컬로 처리합니다.

이메일 템플릿, 단일 페이지 오프라인 앱, 또는 외부 HTTP 요청을 최소화하고 싶은 CSS 파일에서 소형 아이콘, 로고, 장식 이미지를 삽입할 때 Base64를 사용하세요. 크거나 자주 재사용되는 이미지는 적절한 캐싱이 있는 일반 URL이 더 효율적입니다.