SVG Base64 ve Data URI Dönüştürücü — Lisans ve Ücret?

Ücretsiz, Filigransız, Kayıtsız · RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder

SVG Base64 ve Data URI Dönüştürücü

SVG dosyalarını veya kodunu kompakt UTF-8 Data URI, Base64 dizeleri, CSS background-image kuralları ve HTML img etiketlerine dönüştürün.

SVG YükleVeya SVG kodunu doğrudan aşağıya yapıştırıp düzenleyin

SVG Kaynak Kodu

Kompakt UTF-8 Data URI (Önerilen) (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> Etiketi

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

Teknik Özellikler ve Yerel Gizlilik

İşleme: %100 Tarayıcıda Yerel İşleme (Yükleme Yok)
Çekirdek Motor: RFC 3986 mini-svg-data-uri + UTF-8 Base64 Encoder
Lisans ve Ücret: Ücretsiz, Filigransız, Kayıtsız

Sıkça Sorulan Sorular

SVG dosyalarını veya kodunu kompakt UTF-8 Data URI, Base64 dizeleri, CSS background-image kuralları ve HTML img etiketlerine dönüştürün. (%100 Tarayıcıda Yerel İşleme (Yükleme Yok))