이미지 도구 / 16
이미지를 Base64로 변환
CSS, HTML 또는 전송에 사용할 수 있도록 이미지를 완전한 Base64 데이터 URL로 인코딩합니다.
이미지를 Base64로 변환: TOEA는 브라우저의 FileReader로 파일 바이트를 읽고, Base64 페이로드 앞에 MIME 유형을 붙입니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 이미지 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
브라우저에서 전부 실행됩니다
JPG, PNG, WebP 또는 GIF · 최대 30 MB
인라인 삽입이 유용한 경우
데이터 URL은 요청을 줄일 수 있지만 자체적으로 캐시할 수 없습니다. 데이터 URL이 포함된 HTML이나 CSS를 복사할 때마다 다시 다운로드되며, 파일보다 약 3분의 1 더 큽니다. 이 방식은 스타일시트의 아이콘이나 흐린 자리표시자처럼 몇 KB에 불과한 작은 이미지에 적합합니다. 여러 페이지에서 재사용하는 사진과 이미지는 일반 파일로 제공하는 편이 더 빠릅니다. SVG는 Base64 대신 마크업을 URL 인코딩하면 대개 더 짧은 데이터 URL이 됩니다.
데이터 URL이 작동하지 않는 경우
Gmail과 그 밖의 많은 이메일 클라이언트는 데이터 URL로 삽입한 이미지를 표시하지 않습니다. 따라서 뉴스레터에서는 호스팅된 이미지로 연결하십시오. Base64 이미지를 허용하는 많은 API는 페이로드만 요구하므로 base64 뒤의 쉼표를 포함해 그 앞부분을 모두 삭제하십시오. Content Security Policy가 적용된 페이지에서는 인라인 이미지가 로드되기 전에 img-src 지시문에 data:를 추가해야 합니다.
사용 방법
- 이미지를 선택합니다.
- 로컬에서 인코딩합니다.
- 생성된 데이터 URL을 복사합니다.
개인정보 보호 및 제한사항
파일은 기기에 그대로 남습니다. Base64는 암호화가 아닌 인코딩이며, 크기가 대략 3분의 1만큼 증가합니다.
관련 도구
자주 묻는 질문
이 결과를 img 태그에 붙여 넣을 수 있나요?
예. 전체 데이터 URL은 데이터 URL이 허용되는 곳에서 이미지 src로 사용할 수 있습니다.
결과가 파일보다 긴 이유는 무엇인가요?
Base64는 바이너리 바이트를 텍스트 문자로 표현하고 추가 오버헤드를 포함하기 때문입니다.
무료 도구 · 브라우저에서회 실행 · 계정 불필요