SVG’den PNG’ye Dönüştürücü - Ücretsiz, İstediğiniz Boyutta, Tarayıcıda

SVG bir resim değildir — bir çizim talimatları kümesidir. Her boyutta keskin kalmasının sebebi budur: şekiller her gösterimde yeniden hesaplanır. Onu PNG’ye çevirmek, bu talimatları bir kez, tek bir boyutta yürütmek ve sonucu bir piksel ızgarasına dondurmaktır. Biçimin asıl avantajından vazgeçiyorsunuz; o yüzden karşılığında ne aldığınızı netleştirmekte fayda var.

SVG’den PNG’ye nasıl dönüştürülür

1. 1 .svg dosyanızı yükleme alanına bırakın.
2. 2 Çıktı genişliğini belirleyin. 1x, 2x ve 4x düğmeleri dosyada yazan boyuttan hesaplar; dosyada boyut yoksa 1024 pikselden başlarız.
3. 3 Dönüştür’e basıp PNG’yi indirin. Saydam alanlar saydam kalır.

Seçtiğiniz boyut tavan olur

Bu sayfadaki tek gerçek karar budur. SVG’nin geri dönülecek bir orijinal çözünürlüğü yoktur; dolayısıyla girdiğiniz genişlik, görselin ulaşacağı en keskin hâldir — PNG’yi sonradan büyütürseniz bulanıklaşır, tıpkı diğer rasterler gibi. Güvenli alışkanlık, göstereceğiniz boyutun iki katında dışa aktarmaktır; bu yüksek yoğunluklu ekranları da kapsar. İleride daha büyük gerekebilecek her şey için SVG’nin kendisini saklayın. Dosyanın kendi genişliği yoksa sizi 1024 pikselden başlatırız; bu anlamlı bir orijinal değil, makul bir varsayılandır.

PNG’nin gerçekten şart olduğu yerler

Pek çok yer hâlâ SVG kabul etmiyor, genellikle haklı bir sebeple: bir SVG betik taşıyabilir, dolayısıyla yabancılardan yükleme kabul eden sistemler onu doğrudan reddeder. En yaygın durum sosyal önizleme görselleridir — og:image ve Twitter kartları raster ister. Bunun ötesinde: e-posta şablonları, uygulama mağazası ve pazaryeri ilanları, baskı akışları, eski tasarım araçları, oyun ve canvas varlıkları, ve etrafına yerleşim kurmak için sabit piksel boyutuna ihtiyaç duyan her şey. Hepsinde kısıt karşı tarafta, sizin dosyanızda değil.

Yazı tipleri ve bağlı dosyalar gelmez

Güvenlik için tarayıcılar SVG’yi bir kum havuzunda çizer: betik çalışmaz, dış kaynak yüklenmez. Bu doğru davranıştır, ama burada gözle görülür bir sonucu vardır. SVG’niz bir web yazı tipine atıfta bulunuyorsa metin sistem yazı tipine düşer ve şekiller kayar. Dış bir görsele bağlıysa o görsel hiç görünmez. Çevresindeki sayfanın CSS’ine dayanıyorsa o biçimlendirme yoktur. Çözüm, dönüştürmeden önce dosyayı kendi kendine yeter hâle getirmektir — metni yola (outline) çevirin, görselleri gömün. Zaten bir SVG’yi başkasına verirken de isteyeceğiniz şey budur.