SVG'den Base64'e Kodlayıcı

SVG vektör görsellerini Base64 kodlama biçimine dönüştürür, toplu işlemeyi destekler ve doğrudan HTML ve CSS içinde kullanılabilir.

Hata bildirimi

Tarayıcı yürütme modu: Verileriniz tarayıcınızda işlenir ve sunucuya yüklenmez.

Hız ve kararlılık: İşleme hızı cihazınıza ve tarayıcınıza bağlıdır. Büyük toplu işler için masaüstü sürümü daha kararlı olabilir.

Araç yükleniyor, lütfen bekleyin...

Çevrimiçi araç yüklenmez veya çalışmazsa masaüstü aracını deneyin. https://tools.yikeaigc.com/

Araç Kullanımı

Eski sürüme dön

Önce parametreleri ayarlayın, sonra SVG içe aktarın; 3. adımda dönüştürüp indirin. Toplu dosyalarda yalnızca ilk 20 önizleme gösterilir; işlemde tüm kuyruk işlenir.

1Çıkış ayarları

Önce çıktı kod türünü ve dosya adını onaylayın, sonra içe aktarma adımına geçin.

Çıkış biçimi

Uzun metni kaydır

ZIP dosya adı

img etiketi alt metni

CSS seçici

Önizleme boyutu

xmlns eksikse otomatik ekle
SVG'nin görsel kaynağı olarak yüklenme uyumluluğunu artırır. XML bildirimini kaldır
Çıktı boyutunu azaltır ve bazı şablon ayrıştırma sorunlarını önler. Temel SVG metin sıkıştırma
Yorumları ve etiketler arası boşlukları kaldırır; grafik yapısını değiştirmez. Sonuç önizlemesini göster
Dönüştürmeden sonra görsel olarak önizle; SVG içeriğini doğrudan çalıştırmayı önler.

Dosyaları işlemeden önce çıktı biçimini ayarlamanız önerilir.

2İçeriği içe aktar

SVG dosyası seçebilir veya tek bir SVG kaynak kodu yapıştırabilirsiniz. Dosyalar sunucuya yüklenmez.

SVG dosyası seçmek için tıklayın veya buraya sürükleyin Tekli veya toplu .svg dosyası seçimi desteklenir; kontrol için yalnızca ilk 20 dosya gösterilir.

SVG kaynak kodu

3Önizlemeyi içe aktar

Lütfen önce SVG içeriğini içe aktarın.

4Dönüştür ve indir

İşlem tamamlanınca sonucu kopyalayabilir, tek dosya indirebilir veya toplu sonuçları ZIP olarak paketleyebilirsiniz.

Beklemede0

Başarılı 0

Başarısız0

Sonuç boyutu0 KB

Lütfen ilk iki adımın tamamlandığını doğrulayın, ardından dönüştürmeyi başlatın.

5Sonuç önizleme ve tekil işlemler

Dönüştürme tamamlanınca sonuçlar burada gösterilir.

Talimatlar

Yazılım Kullanım Talimatları

Dönüştürme parametrelerini ayarlayın:Önce çıktı formatını seçin; Data URI, düz Base64 dizesi, HTML img etiketi, CSS background özelliği veya CSS mask simge kodu oluşturulabilir.
İşleme seçeneklerini yapılandırın:
- Uzun metin satır sonu:Satır sonu olmamasını veya 76, 120, 160 karakterde satır sonu eklenmesini seçebilirsiniz.
- xmlns otomatik tamamlama:SVG kök düğümünde xmlns özelliği eksik olduğunda otomatik olarak eklenir; böylece görsel kaynağı olarak görüntülenmesi kolaylaşır.
- XML bildirimini kaldır:Şablon ayrıştırma hatalarını azaltmak için SVG başındaki XML bildirimini temizler.
- Temel sıkıştırma:Yorumları ve etiketler arasındaki boşlukları kaldırarak çıktı içeriğini kısaltır.
SVG içeriğini içe aktarın:Bir veya daha fazla SVG dosyası seçebilir ya da kaynak kodu yapıştırma moduna geçerek SVG kodunu doğrudan girebilirsiniz. Toplu dosyalarda kontrol için yalnızca ilk 20 öğe gösterilir; kalan dosyalar da birlikte işlenir.
Örnek verileri kullanın:Dönüştürme sonucunu hızlıca görmek için “Örnek SVG yükle” veya “Örnek kaynak kodu doldur” seçeneğine tıklayın.
Dönüştürmeyi başlatın:“Dönüştür ve indir” adımına geçtikten sonra “Dönüştürmeyi başlat” düğmesine tıklayın; araç ilgili Base64 veya gömme kodunu oluşturur.
Kopyalama ve indirme:Dönüştürme tamamlandıktan sonra tekil sonuçları kopyalayabilir, tekil metin dosyalarını indirebilir, tüm sonuçları kopyalayabilir, özet TXT dosyasını indirebilirsiniz; toplu sonuçlar ZIP olarak paketlenip indirilebilir.
Ayarları kaydedin:Sık kullanılan çıktı formatı, ZIP dosya adı, alt metni, CSS seçici ve işleme seçenekleri kaydedilebilir; bir sonraki açılışta kullanılmaya devam eder.

Sık Sorulan Sorular

Cevap: SVG simgeleri veya vektör görselleri metin biçimine dönüştürerek HTML, CSS, yapılandırma dosyaları veya tek dosyalık sayfalara gömebilir, bağımsız kaynak referanslarını azaltabilirsiniz.

Cevap: Data URI, data:image/svg+xml;base64, ön ekini içerir ve doğrudan görsel adresi olarak kullanılabilir; düz Base64 yalnızca kodlanmış ana içeriği içerir ve ön eki program tarafından birleştirilen senaryolar için uygundur.

Cevap: HTML img etiketi, CSS background-image özelliği, CSS mask simgesi, stil yapılandırması, bileşen örneği veya dokümantasyon kod parçacıklarında kullanılabilir.

Cevap: Bazı SVG’lerde xmlns eksik olduğunda, Data URI görseli olarak yüklendiğinde görüntüleme sorunları oluşabilir. xmlns="http://www.w3.org/2000/svg" eklemek uyumluluğu artırmaya yardımcı olur.

Cevap: Hayır. Base64 yalnızca verinin ifade biçimini değiştirir; SVG vektör içeriğini değiştirmez, ölçeklendirildiğinde vektör özelliklerini korur.

Cevap: Sonuç dosyaları orijinal SVG ana dosya adını kullanır ve çıktı biçimine göre txt, css veya html dosyaları oluşturur; aynı adla karşılaşıldığında ayırt etmek için otomatik olarak sayı eklenir.

Cevap: Yaygın nedenler arasında eksik SVG kodu, harici kaynak referansları, standart dışı etiketler veya stil bağımlılıkları bulunur. Dönüştürmeden önce tasarım yazılımında standart bir SVG olarak yeniden dışa aktarmanız önerilir.