Data URI 변환기

파일을 Base64 data URI로

100% 로컬 처리 — 업로드 없음
출력
—

사용 방법

  1. 파일 → Data URI를 선택하고 임의의 파일을 드롭하세요.
  2. 생성된 data: URI를 HTML이나 CSS에 바로 붙여넣으세요.
  3. 또는 Data URI를 붙여넣어 내용을 확인하고 원본 파일을 다운로드하세요.

FAQ

프로덕션에 data URI를 사용해도 되나요?

매우 작은 에셋에만 사용하세요. data URI는 HTML/CSS를 부풀리고 별도로 캐시되지 않으며 이진보다 약 33% 더 많은 바이트를 소모합니다.

크기 제한이 있나요?

브라우저가 읽을 수 있는 임의의 파일을 처리하지만, 수백 KB를 넘는 data URI는 마크업에서 실용적이지 않습니다.