파일을 Data URI로

Data URI를 사용하면 작은 파일을 CSS나 HTML에 직접 넣어 작은 아이콘의 요청을 하나 줄일 수 있습니다. 원본보다 약 33% 크고 따로 캐시할 수 없으므로, 파일이 인라인으로 넣기에 너무 크면 이 도구가 경고합니다. SVG는 URL 이스케이프 텍스트로도 인코딩할 수 있으며, 보통 Base64보다 작습니다.

파일을 선택하거나 여기에 놓으세요최대 2MB. 작은 파일(10KB 미만)이 가장 적합합니다.

인코딩

0원본

0데이터 URI

0증가량

데이터 URI

브라우저 안에서만 실행됩니다. 입력한 내용과 파일은 어떤 서버에도 업로드되지 않습니다.

사용 방법

작은 파일(가능하면 10 KB 미만)을 선택하세요.
Base64를 선택하거나, SVG라면 URL 인코딩 텍스트를 선택하세요.
Data URI나 준비된 CSS/HTML 코드를 복사하세요.

예시

CSS 배경

600바이트 아이콘에 background-image: url("data:image/svg+xml,…") 사용.

이메일 서명

일부 이메일 프로그램은 Data URI를 차단합니다. 의존하기 전에 테스트하세요.

개인정보

브라우저 안에서만 실행됩니다. 입력한 내용과 파일은 어떤 서버에도 업로드되지 않습니다. 브라우저에 저장되는 내용(즐겨찾기와 기록만)은 개인정보 처리방침을 참고하세요. 개인정보 처리방침

직접 확인해 보세요. 브라우저 개발자 도구를 열고 네트워크(Network) 탭을 선택한 뒤 도구를 사용하세요. 파일은 어떤 업로드 요청에도 나타나지 않습니다. 이 페이지가 오프라인용으로 저장된 뒤에는 인터넷 연결을 끊고도 계속 작업할 수 있습니다. 광고와 익명 방문 통계는 활성화된 경우 자체 요청을 보내지만, 파일이나 텍스트를 받지는 않습니다.

자주 묻는 질문

Data URI를 쓰지 말아야 할 때는 언제인가요?

약 10 KB가 넘는 파일, 여러 페이지에서 쓰는 이미지(일반 파일은 한 번만 캐시하면 됨), 자주 바뀌는 콘텐츠에는 적합하지 않습니다.

파일이 업로드되나요?

아니요. 브라우저에서 읽고 인코딩합니다.

사용 방법

예시

개인정보

자주 묻는 질문

관련 도구