SVG Data URI 인코더
SVG 코드를 CSS background-image나 img src에 넣을 수 있는 data URI로 변환합니다.
이 도구에 대해
SVG 마크업을 CSS와 HTML에서 바로 사용할 수 있는 data URI 형식으로 바꿉니다.
작은 아이콘, 배경 패턴, 이메일 템플릿, 문서 예제처럼 별도 파일 없이 SVG를 넣어야 할 때 유용합니다.
원본
168
인코딩된 URI
207
결과
사용 방법
- 1
필요한 값을 입력하거나 텍스트를 붙여넣습니다.
- 2
옵션이나 단위를 원하는 방식으로 조정합니다.
- 3
표시된 결과를 확인하고 필요한 곳에 복사해 사용합니다.
기능
즉시 결과
값을 입력하면 결과가 브라우저에서 바로 업데이트됩니다.
브라우저 처리
입력값은 서버로 업로드하지 않고 기기 안에서 처리됩니다.
간단한 입력
반복 사용에 맞춘 명확한 입력 필드와 출력값을 제공합니다.
무료 사용
가입이나 설치 없이 바로 사용할 수 있습니다.
주요 사용 사례
- ›작은 SVG 아이콘을 CSS background-image로 삽입합니다.
- ›img 태그에 넣을 data URI를 빠르게 만듭니다.
- ›외부 파일 요청 없이 문서나 데모에 SVG를 포함합니다.