SVG Base64 및 Data URI 변환기 — 라이선스 및 비용?

무료, 워터마크 없음, 회원가입 불필요 · RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder

SVG Base64 및 Data URI 변환기

SVG 파일이나 코드를 압축 UTF-8 Data URI, Base64 문자열, CSS background-image 및 HTML img 태그로 즉시 인코딩하고 용량을 비교합니다.

SVG 업로드또는 아래에 SVG 코드를 직접 붙여넣거나 편집하세요

SVG 소스 코드

압축 UTF-8 Data URI (권장) (299 B)

data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='64' viewBox='0 0 128 64'%3E%3Crect x='16.12' y='12.57' width='96' height='40' rx='8' fill='%23008577' stroke='%23004d40' stroke-width='2'/%3E%3Ccircle cx='44.89' cy='32.44' r='10.25' fill='%23ffffff'/%3E%3C/svg%3E

Base64 Data URI (366 B)

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCAxMjggNjQiPjxyZWN0IHg9IjE2LjEyIiB5PSIxMi41NyIgd2lkdGg9Ijk2IiBoZWlnaHQ9IjQwIiByeD0iOCIgZmlsbD0iIzAwODU3NyIgc3Ryb2tlPSIjMDA0ZDQwIiBzdHJva2Utd2lkdGg9IjIiLz48Y2lyY2xlIGN4PSI0NC44OSIgY3k9IjMyLjQ0IiByPSIxMC4yNSIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==

CSS background-image

background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='64' viewBox='0 0 128 64'%3E%3Crect x='16.12' y='12.57' width='96' height='40' rx='8' fill='%23008577' stroke='%23004d40' stroke-width='2'/%3E%3Ccircle cx='44.89' cy='32.44' r='10.25' fill='%23ffffff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;

HTML <img> 태그

<img src="data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='64' viewBox='0 0 128 64'%3E%3Crect x='16.12' y='12.57' width='96' height='40' rx='8' fill='%23008577' stroke='%23004d40' stroke-width='2'/%3E%3Ccircle cx='44.89' cy='32.44' r='10.25' fill='%23ffffff'/%3E%3C/svg%3E" alt="SVG Icon" />

기술 사양 및 로컬 개인정보 보호

처리 방식: 100% 브라우저 로컬 처리 (서버 업로드 없음)
핵심 엔진: RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder
라이선스 및 비용: 무료, 워터마크 없음, 회원가입 불필요

자주 묻는 질문

SVG 파일이나 코드를 압축 UTF-8 Data URI, Base64 문자열, CSS background-image 및 HTML img 태그로 즉시 인코딩하고 용량을 비교합니다. (100% 브라우저 로컬 처리 (서버 업로드 없음))