Konwerter SVG na Base64 i Data URI — Licencja i koszt?

Za darmo, bez znaku wodnego i rejestracji · RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder

Konwerter SVG na Base64 i Data URI

Koduj pliki lub kod SVG do kompaktowych adresów UTF-8 Data URI, ciągów Base64, reguł CSS background-image oraz znaczników HTML img.

Wgraj SVGLub wklej / edytuj kod SVG bezpośrednio poniżej

Kod źródłowy SVG

Kompaktowy UTF-8 Data URI (Zalecane) (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;

Znacznik 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" />

Specyfikacja techniczna i prywatność lokalna

Przetwarzanie: 100% lokalnie w przeglądarce (bez wysyłania)
Silnik bazowy: RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder
Licencja i koszt: Za darmo, bez znaku wodnego i rejestracji

Najczęściej zadawane pytania

Koduj pliki lub kod SVG do kompaktowych adresów UTF-8 Data URI, ciągów Base64, reguł CSS background-image oraz znaczników HTML img. (100% lokalnie w przeglądarce (bez wysyłania))