Data URI 생성기

파일로부터 Data URI 생성

드래그 앤 드롭 또는 클릭하여 업로드

최대 20 MB

Data URI 생성기이란?

Data URI 생성기는 파일을 base64 인코딩된 Data URI로 변환하여 HTML, CSS 또는 JavaScript에 직접 삽입할 수 있게 합니다. 아이콘이나 폰트 같은 소형 리소스에 대한 추가 HTTP 요청을 제거합니다.

사용 방법

  1. 파일 선택기를 사용하여 파일(이미지, 폰트, SVG 또는 기타 소형 리소스)을 업로드하세요.
  2. 파일이 base64로 인코딩되고 올바른 MIME 타입이 포함된 완전한 Data URI가 생성됩니다.
  3. Data URI를 복사하여 img src 속성, CSS background-image 또는 JavaScript 코드에 사용하세요.

결과

2KB favicon.png를 Data URI로 변환하여 HTML에 직접 붙여넣으면, 모든 페이지 로드에서 네트워크 요청이 하나 줄어듭니다.

관련 도구