Ne işe yarar
Bu araç SVG kodunu veya bir .svg dosyasını PNG, JPG ya da WebP resme dönüştürür. İşaretlemeyi yapıştırın, bir dosya bırakın, bir ölçek veya tam bir genişlik seçin ve bitmap’i indirin. İşleme tarayıcınızda gerçekleşir; böylece ikonlar, logolar ve diyagramlar bilgisayarınızdan hiç çıkmaz.
SVG’nin kabul edilmediği her yerde işe yarar: uygulama ikonları, sosyal medya görselleri, slayt sunumları, belgeler, e-posta imzaları veya eski yazılımlar. Hangi kısımların şeffaf olduğunu tam olarak görebilmeniz için dama tahtası desenli bir arka plan üzerinde canlı önizleme alırsınız.
Nasıl kullanılır
<svg>kodunuzu editöre yapıştırın, bir dosya açmak için Yükle düğmesine tıklayın veya sayfaya bir dosya sürükleyin. Örnek, küçük bir logo yükler.- Bir Boyut seçin: 1× SVG’nin kendi boyutlarını kullanır, 2×–4× bunları çarpar. Ya da piksel cinsinden bir Özel genişlik yazın; yükseklik en-boy oranını izler.
- Format seçin: şeffaflıklı kayıpsız çıktı için PNG, fotoğraflar ve uyumluluk için JPG, küçük dosyalar için WebP.
- Arka plan seçin: şeffaf, beyaz veya herhangi bir renk.
- İndir düğmesine tıklayın. Önizlemenin altındaki satır nihai piksel boyutunu, formatı ve dosya boyutunu gösterir.
Boyut nasıl hesaplanır
Araç kök <svg> öğesine bakar. px, pt, mm, cm, in veya em cinsinden width ve height değerleri piksele dönüştürülür. Bunlar yoksa veya yüzde olarak verilmişse, bunların yerine viewBox genişlik ve yüksekliği kullanılır. Ardından seçilen ölçek veya özel genişlik uygulanır ve SVG, her tarayıcının onu aynı şekilde çizmesi için açık piksel boyutlarıyla yeniden yazılır.
Örnek
viewBox="0 0 24 24" değerine sahip, width veya height içermeyen bir ikon 1×’te 24 × 24 PNG olur. 4×’te 96 × 96 olur; 512 özel genişlikle ise uygulama mağazası ikonu için uygun, 512 × 512 bir PNG olur ve büyütülmek yerine vektörlerden işlendiği için yine kusursuz şekilde nettir.
İpuçları
- Geçersiz XML satır numarasıyla bildirilir; böylece doğrudan soruna atlayabilirsiniz.
- Gömülü raster resimler (
<image href="data:...">) çalışır; harici bağlantılar çalışmaz. - Metin, bilgisayarınızda yüklü fontları kullanır. Her yerde piksel piksel aynı sonuç için önce tasarım aracınızda metni dış hatlara (outline) dönüştürün.
- En büyük çıktı, tarayıcının canvas boyutuyla, kenar başına yaklaşık 16.000 pikselle sınırlıdır.
SSS
› SVG herhangi bir yere yükleniyor mu?
Hayır. Tarayıcınız SVG’yi bir canvas üzerine çizer ve sonucu kaydeder. Kod ve resim cihazınızda kalır.
› Daha net bir PNG’yi nasıl elde ederim?
2×, 3× veya 4× ölçek seçin ya da tam bir genişlik yazın. SVG bir vektör formatıdır; bu yüzden daha büyük boyutta işlemek yüksek yoğunluklu ekranlarda keskin kenarlar verir. 2×, retina ekranlar için iyi bir varsayılandır.
› Çıktıda bazı resimler veya fontlar neden eksik?
Güvenlik nedeniyle tarayıcılar, bir SVG resim olarak çizilirken harici dosyaları (bağlantılı resimler, web fontları, CSS) yüklemez. Resimleri data URL olarak gömün ve metni path’lere dönüştürün ya da sistem fontlarını kullanın.
› Şeffaf arka planı koruyabilir miyim?
Evet. PNG veya WebP çıktısıyla Şeffaf seçeneğini seçin. JPG şeffaflık desteklemez; bu yüzden şeffaf alanlar beyazla veya seçtiğiniz renkle doldurulur.
› SVG’mde width veya height yok. Hangi boyut kullanılır?
Araç viewBox’ı okur ve onun genişlik ile yüksekliğini kullanır. Ne boyut ne de viewBox varsa, tarayıcının varsayılan 300 × 150 boyutuna döner ve bunu belirtir.