SVG'yi Data URI kodlamasına dönüştürün, satır içi kullanım için uygun
Format Dönüştürme
Bu Araç Hakkında
[TR] SVG'den Data URI'ye Dönüştürücü, SVG kodunu CSS ve HTML'de satır içi kullanım için Data URI dizesine dönüştüren çevrimiçi bir araçtır. URL kodlama ve Base64 çıktısı, isteğe bağlı SVG optimizasyonu ve doğrudan kullanılabilecek CSS kodu oluşturma desteği sunar — tüm işlemler tarayıcıda yerel olarak tamamlanır.
Temel Özellikler
- [TR] SVG'yi URL kodlu Data URI'ye dönüştürme
- [TR] SVG'yi Base64 kodlu Data URI'ye dönüştürme
- Dönüştürmeden önce SVG optimizasyonu
- [TR] CSS background-image çıktı formatı
- [TR] HTML img src ve ham Data URI çıktısı
- Gerçek zamanlı dönüştürme ve önizleme
Kullanım Alanları
- [TR] CSS stil sayfalarında doğrudan SVG simgeleri gömme
- [TR] Performansı artırmak için HTML'de SVG görsellerini satır içi gömme
- [TR] SVG'yi Data URI olarak gömerek HTTP isteklerini azaltma
- [TR] Gömülü resimler içeren taşınabilir HTML belgesi oluşturun
- [TR] SVG arka planı için CSS kod parçacığı oluşturma
svg
data-uri
base64
embed
inline
Sık Sorulan Sorular
SVG'den Data URI'ye Dönüştürücü nedir?
[TR] SVG'den Data URI'ye Dönüştürücü, SVG kodunu CSS ve HTML'de satır içi kullanım için Data URI dizesine dönüştüren çevrimiçi bir format dönüşüm aracıdır. URL kodlama ve Base64 kodlamayı destekler; SVG optimizasyonu ve doğrudan kullanılabilecek CSS kodu oluşturma sunar.
[TR] URL kodlama ve Base64 arasındaki fark nedir?
[TR] URL kodlamalı Data URI, özel karakterleri yüzde kodlamasıyla gösterir; çıktı daha büyük ancak daha okunabilirdir. Base64 kodlama, kompakt ikili-metin gösterimi üretir; karmaşık SVG'ler için daha küçük boyutlu ancak okunamazdır.
Araç dönüştürmeden önce SVGyi optimize eder mi?
[TR] Evet, SVG Optimize Et seçeneği etkinleştirildiğinde, araç Data URI oluşturmadan önce SVG'deki gereksiz boşlukları, yorumları ve boş öznitelikleri kaldırarak çıktı boyutunu azaltır."
SVG verilerim sunucuya gönderilir mi?
[TR] Hayır. Tüm SVG'den Data URI'ye dönüşümler tamamen tarayıcınızda yapılır. SVG kodunuz hiçbir sunucuya yüklenmez veya aktarılmaz; bu da işlemin tamamen gizli ve güvende olmasını sağlar.
Çıktıyı doğrudan CSSte kullanabilir miyim?
[TR] Evet. Araç, doğrudan kullanıma hazır CSS background-image kod parçacığı oluşturur. CSS çıktısını kopyalayıp stil sayfanıza yapıştırmanız yeterlidir; Data URI geçerli bir arka plan resim URL'si olarak kullanılır.