Nasıl kullanılır
- Base64 dizesini veya data:image/svg+xml;base64 URI'sini yapıştırın.
- Önizlemeyi ve algılanan biçimi ve boyutları kontrol edin.
- İndirme biçimini SVG olarak bırakın. Girdi SVG ise dosya SVG metni olarak kaydedilir.
- .svg dosyasını indirin; işaretlemeyi okumak veya değiştirmek isterseniz bir düzenleyicide açın.
Base64 içinde SVG'yi bulma
Diğer görsel biçimlerinin aksine SVG düz XML metnidir. <svg ile başlayan bir dosya, PHN2Zy ile başlayan bir Base64 dizesine kodlanır; XML bildirimiyle (<?xml) başlayan bir dosyanın Base64 karşılığı ise PD94bWwg ile başlar. Base64 SVG'ler CSS arka plan görsellerinde, simge setlerinde, tasarım aracı dışa aktarımlarında ve e-posta şablonlarında yaygındır. MIME türü image/svg+xml şeklindedir.
Birçok SVG data URI'si aslında Base64 değil, data:image/svg+xml,%3Csvg... gibi yüzde kodlamalı metindir. Bu araç Base64 bekler; bu tür URI'leri ayrıştırmak için bunun yerine Data URI Oluşturucu aracını kullanın.
SVG kodunu okuma
Önizleme grafiğin nasıl göründüğünü gösterir, ancak asıl ilginç kısım çoğu zaman işaretlemedir: yol verileri, renkler, bir viewBox veya gömülü yazı tipleri. Dosyayı "Orijinal" veya SVG olarak indirip herhangi bir metin düzenleyicide açın ya da XML'i hemen metin olarak görmek için aynı Base64 verisini Base64 kod çözücü aracına yapıştırın.
Rasterden SVG'ye dönüştürme vektörleştirme değil, sarmalamadır
Base64 verisi bir PNG, JPEG veya başka bir bitmap ise SVG'yi seçmek, orijinal pikselleri bir <image> öğesi içinde barındıran bir SVG dosyası üretir. Bu, bir araç yalnızca SVG dosyalarını kabul ettiğinde işe yarar; ancak resmi şekillere dönüştürmez: görsel büyütüldüğünde yine bulanıklaşır ve pikseller içinde Base64 olarak saklandığı için dosya bitmap'ten daha büyük olur. Gerçek vektör yolları için Potrace gibi bir vektörleştirme yazılımı veya Inkscape'teki Trace Bitmap (Bitmap'i İzle) özelliğini kullanın.
Güvenilmeyen SVG'leri işleme
SVG, <script> öğeleri, olay işleyici öznitelikleri ve harici kaynaklara bağlantılar içerebilir. Bir SVG, <img> etiketi veya CSS arka planı aracılığıyla görsel olarak gösterildiğinde tarayıcılar bunların tümünü engeller. Dosya doğrudan bir tarayıcı sekmesinde açıldığında veya işaretlemesi bir sayfaya satır içi olarak yapıştırıldığında ise betikler çalışabilir ve harici kaynaklar yüklenebilir. Bilinmeyen kaynaklardan gelen SVG'leri bu şekilde kullanmadan önce inceleyin veya temizleyin.
Sıkça sorulan sorular
Bu araç bir PNG'yi gerçek bir vektör SVG'ye dönüştürebilir mi?
Hayır. Bir bitmap'i SVG'ye dönüştürmek, görseli yalnızca bir SVG dosyasının içine gömer. Sonuç bir vektör çizim gibi değil, orijinal bitmap gibi ölçeklenir.
SVG data URI'min kodu neden çözülemiyor?
;base64, içerip içermediğini kontrol edin. İçermiyorsa SVG yüzde kodlamalı veya ham metindir ve Base64 değildir. Data URI Oluşturucu bunu ayrıştırabilir.Bilinmeyen bir kaynaktan gelen SVG'nin kodunu çözmek güvenli mi?
Kodunu çözüp kaydetmek zararsızdır, çünkü sonuç yalnızca metindir. Bir SVG içindeki betikler ancak dosya bir belge olarak açıldığında veya bir web sayfasına satır içi olarak eklendiğinde çalışabilir.
Bir SVG'yi PNG'ye dönüştürdükten sonra yazı tipleri veya bağlantılı görseller neden eksik?
Tarayıcı, bir SVG'yi rasterleştirmek için onu görsel olarak yükler ve bu modda SVG harici dosyaları getiremez. Web yazı tipleri ve bağlantılı resimler atlanır, yerlerine varsayılan yazı tipleri kullanılır. SVG'yi kendi kendine yeterli hâle getirmek için yazı tiplerini ve görselleri dosyanın içine gömün.