SVG'den PNG'ye dönüştürücü
Tamamen tarayıcınızda çalışır. Dosyalarınız ve verileriniz cihazınızdan hiç çıkmaz.
Bu araç hakkında
Bu araç bir SVG vektör görselini PNG raster görsele çevirir. Bir SVG dosyası bırakın ya da kodunu yapıştırın, bir ölçek seçin (ya da özel bir genişlik yazın), PNG’yi indirin.
Doğru boyutu nasıl bulur?
SVG’nin kendi genişlik ve yükseklik öznitelikleri 120px ya da 48 gibi mutlak değerlerle ayarlanmışsa önce onları okur. Biri eksikse veya yüzde olarak verilmişse viewBox özniteliğine döner, yalnızca bir boyut kullanılabilir olduğunda diğerini en boy oranından türetir. Dosyada bunların hiçbiri yoksa tarayıcıların boyutu belirtilmemiş bir <img> için kullandığı varsayılan olan 300x150’yi kullanır. Buradan sonra 1x, 2x ya da 4x ölçek seçmek bu temel boyutu çarpar, ya da özel bir genişlik yazabilirsiniz, yükseklik de aynı en boy oranını otomatik izler.
SVG herhangi bir yere yükleniyor mu?
Hayır, her şey kendi cihazınızda gerçekleşir. Tarayıcı SVG’yi görünmez bir canvas öğesine çizer ve PNG’yi oluşturmak için pikselleri geri okur, yani dosya hiçbir zaman bir sunucuya gönderilmez. Bunun bir sonucu da SVG’nin yalnızca bir görsel olarak ele alınması: içine gömülmüş <script> etiketleri ya da olay işleyicileri çalışmaz, çünkü canvas’a çizmek belgeyi bir sayfaya eklemek gibi çalıştırmaz.
Bozuk SVG ile ne ters gidebilir?
Dönüştürücünün en azından tanınabilir bir <svg> açılış etiketi içeren bir kod beklemesi gerekir; hiç SVG’ye benzemeyen bir metin herhangi bir şey çizilmeden reddedilir. Bunun ötesinde, işleme tamamen tarayıcının kendi SVG motoruna bırakılır, yani iç içe geçmiş gruplar, gradyanlar, gömülü fontlar veya görseller dahil düzgün biçimlendirilmiş çoğu SVG, dosyayı doğrudan açtığınızda göreceğinizle aynı şekilde işlenir. Eksik bir genişlik ya da yükseklikten farklı olarak, gerçekten bozuk XML yine de işlenmez, çünkü tarayıcı onu bir belgeye ayrıştıramaz.
Bunu ne zaman kullanırsınız?
Eski bir CMS, bir e-posta imzası ya da SVG kabul etmeyen bir oyun motoru gibi bir yer için bir logoyu veya ikonu PNG’ye çevirmek için kullanın. Aynı ikonu farklı ekran yoğunlukları için 1x, 2x ve 4x olarak dışa aktarabilirsiniz; bu, birden fazla sabit boyutlu PNG gerektiren uygulama ikonları veya favicon’lar için kullanışlıdır. İki görsel biçimi ve hangisini ne zaman tercih edeceğiniz konusunda arka plan bilgisi için MDN’nin görsel dosya biçimleri rehberine bakabilirsiniz.