SVG'yi PNG'ye dönüştür online

İçeri vektör, dışarı piksel

Bir SVG dosyası piksel içermez. Şekillerin metin halinde bir tarifidir: şu koordinatlarda bir daire, şu noktalardan geçen bir yol, şu renkle doldurulmuş. Bir SVG logonun telefonda da 5K monitörde de keskin görünmesinin ve aynı dosyanın her gösterim boyutunda 4 KB olabilmesinin nedeni budur.

Pek çok yer bu tarifi doğrudan kullanamaz. Sosyal ağlar, pazar yerleri, e-posta bültenleri, Office belgeleri, çoğu mesajlaşma uygulaması, uygulama mağazaları ve birçok içerik sistemi raster bir görsel ister. PNG'ye dönüştürmek şekilleri saydamlık korunarak sabit bir boyutta çizer; böylece sonuç, görsel kabul edilen her yerde çalışır.

Çizim dönüştürme anında gerçekleştiği için hedef boyut kaliteden hiçbir şey götürmez. SVG'den doğrudan 3000 pikselde çizilen bir PNG kusursuz keskinliktedir; oysa aynı logo 300 pikselde dışa aktarılıp sonradan büyütülse bulanık olur.

Çıktı boyutu nasıl belirlenir

Tek bir ayar vardır: piksel cinsinden genişlik. Yükseklik her zaman SVG'nin oranlarından hesaplanır, böylece çizim asla gerilmez.

Alan boş bırakılırsa dönüştürücü SVG'nin kendi boyutunu kullanır:

1. Kök <svg> öğesindeki width ve height öznitelikleri, ikisi de düz sayı veya piksel değeriyse; örneğin width="512" height="256".
2. Değilse viewBox: viewBox="0 0 120 80" 120×80 piksel verir. Boyut yüzde, em veya santimetre cinsinden verildiğinde de bu olur.
3. Değilse tarayıcının görsele atadığı boyut.

Pek çok simge seti 24×24 veya 16×16 boyut bildirir; bu çok küçük bir PNG verir. Daha büyük çizmek için bir genişlik girin: keskin, uygulama tarzı bir simge için 512, bir sosyal medya önizleme görseli için 1200. Dosya listesi her PNG'nin sonuç genişlik × yükseklik değerini ve dosya boyutunu gösterir; böylece indirmeden önce sonucu doğrulayabilirsiniz.

Bir gruptaki tüm dosyalar aynı genişliği kullanır. Farklı oranlardaki simgeler için bu, eşit genişlik ama farklı yükseklik anlamına gelir.

Yaygın kullanımlar için genişlik seçmek

• Retina ve yüksek yoğunluklu ekranlar: gösterdiğiniz boyutun iki veya üç katında çizin. Sayfa başlığında 200 piksel genişlikte gösterilen bir logo PNG olarak 400 veya 600 piksel genişliğinde olmalıdır.
• Belgeler ve slaytlar: 1500–2000 piksel genişlik, slayt tam ekran yansıtıldığında bile logoyu keskin tutar.
• Baskı: basılı genişliği inç cinsinden 300 ile çarpın. 4 inç (yaklaşık 10 cm) genişliğinde basılacak bir logo için 1200 piksel gerekir.
• Favicon'lar ve uygulama simgeleri: tüm simge boyutlarını tek seferde almak için Favicon oluşturucu daha pratiktir.

Çok büyük genişlikleri araç değil, tarayıcı sınırlar. Tarayıcılar bir canvas'ın toplam piksel sayısını kısıtlar; iPhone ve iPad'lerde sınır yaklaşık 16 milyon piksel, kabaca 4000×4000'dir. Telefonda büyük bir genişlikte dönüştürme başarısız olursa daha küçük bir değer deneyin veya bir masaüstü tarayıcı kullanın.

PNG neden düzenleyicideki önizlemeye benzemeyebilir

SVG, tarayıcınız tarafından yalıtılmış bir görsel olarak çizilir; tıpkı bir web sayfasındaki <img> etiketinin göstereceği gibi. Güvenlik nedeniyle bu modda bir SVG betik çalıştıramaz veya ağdan herhangi bir şey yükleyemez. Pratikte bu birkaç tipik farka yol açar:

• Yazı tipleri. Gömülü değil de bağlantı olarak verilmiş bir web yazı tipiyle yazılmış metin varsayılan bir yazı tipine düşer. Cihazınızda yüklü olan bir yazı tipi adı kullanılır; bu da aynı SVG'nin başka bir bilgisayarda farklı çizilebileceği anlamına gelir. Tasarım aracında metni dış hatlara (outline) dönüştürmek sorunu ortadan kaldırır.
• Bağlantılı görseller. URL ile referans verilen raster görseller eksik olur; SVG'nin içine veri olarak gömülmüş görseller normal görünür.
• Animasyon ve etkileşim. Üzerine gelme efektleri ve betikli davranışlar uygulanmaz; animasyonlu SVG'ler tek bir durağan kare olarak yakalanır.
• Efektler. Filtreler ve karışım modları tarayıcının SVG desteğine bağlıdır; bu yüzden karmaşık efektler Chrome, Firefox ve Safari arasında biraz farklı olabilir.

Arka plan, dosyalar ve gizlilik

Boş alanlar PNG'de saydam kalır. Örneğin saydamlığı siyah gösteren bir platform için düz bir arka plana ihtiyacınız varsa, sonucu PNG'yi JPG'ye dönüştür aracından geçirin ve arka plan rengini orada seçin.

20 MB'a kadar SVG dosyaları kabul edilir. Çizim ve PNG kodlama tarayıcınızda gerçekleşir; bu yüzden çoğu zaman henüz yayımlanmamış logolar ve marka çalışmaları içeren dosyalar asla yüklenmez. Sonuçlar tek tek veya ZIP olarak indirilebilir.