SVG'den PNG'ye Dönüştürücü

Ölçeklenebilir SVG vektörlerini kullanıma hazır PNG görüntülerine dönüştürün

Bir SVG dosyası, bitmiş bir resim değil bir dizi talimattır. Metin düzenleyicide açarsanız yolları, şekilleri, dolguları ve eğrileri tanımlayan XML bulursunuz — tarayıcının istediğiniz boyutta sanat eserini tazeyden çizmek için izlediği bir tarif. PNG ise tam tersidir: sabit bir genişlik ve yükseklikte donmuş renkli piksellerden oluşan bir ızgara. Birini diğerine dönüştürmek tarama (rasterization) olarak adlandırılır ve bu araç bunu tamamen tarayıcınızın içinde yapar. Bir çıktı boyutu seçersiniz, SVG bir HTML tuvaline çizilir ve bir PNG elde edilir — hiçbir dosya cihazınızı terk etmez.

Vektör ve raster, sade bir dille

Temel fark, çözünürlüğün nasıl ele alındığıdır. SVG matematik yerine piksel depoladığından çözünürlükten bağımsızdır: bir logoyu favikon boyutundan bir reklam panosuna büyütün ve her kenar matematiksel olarak keskin kalmak üzere yeniden hesaplanır. PNG'nin böyle bir özgürlüğü yoktur. Pikselleri sabit olduğundan orijinal boyutunun ötesine büyütmek, görüntüleyiciyi mevcut noktaları germek zorunda bırakır; bulanıklık ve merdiven etkisi baş gösterir.

Bu değiş tokuş her iki yönde de geçerlidir. Vektörler, temiz şekillerden oluşan logolar, simgeler ve düz çizimler için rakipsizdir ve dosyalar genellikle çok küçüktür. PNG gibi raster biçimler geçişleri, yumuşak gölgeleri ve fotoğrafik ayrıntıları daha doğal işler — ve en önemlisi — neredeyse her şey tarafından anlaşılır. Tarama yaparken, SVG'nin sonsuz ölçeklenebilirliğini tek bir seçilmiş boyutta PNG'nin evrensel uyumluluğuyla değiştirirsiniz.

SVG'yi neden rasterleştirirsiniz

SVG bu kadar güzel ölçekleniyorsa neden dönüştürelim? Uyumluluk genellikle gerekçedir. Pek çok yer SVG'yi kabul etmez: birçok e-posta istemcisi onu yoksayar veya işlemeyi reddeder, belge düzenleme ve sunu yazılımları çoğunlukla düz görüntü ister, pazar yerleri ve reklam ağları PNG veya JPG talep eder, çoğu sosyal platform vektör yüklemelerini tamamen yoksayar. Bazı içerik sistemleri de biçim betik gömebileceğinden güvenlik nedeniyle SVG'yi tamamen engeller.

İkinci neden, bazen sabit boyutlu bir varlık istemenizdir. Uygulama simgeleri, küçük resimler, Open Graph önizleme görselleri ve basılı materyaller tam piksel boyutları bekler. PNG, sanat eserini bu hedefe kilitleyerek vektörü farklı yorumlayan bir görüntüleyiciden sürpriz olmadan her yerde aynı şekilde işlenmesini sağlar. Kaynak SVG'nizi bir platformun gerektirdiği tam boyutlara dönüştürmek, tutarlı bir sonuca ulaşmanın çoğunlukla en temiz yoludur.

Doğru dışa aktarma çözünürlüğünü seçmek

Bir PNG herhangi bir vektör gibi sorunsuz ölçeklenemediğinden, dışa aktardığınız boyut diğerlerinden daha önemlidir. Çok küçük dışa aktarırsanız görüntü modern ekranlarda yumuşak görünür; gereksiz yere büyük dışa aktarırsanız bant genişliği israfı olur. Pratik bir kural: görüntünün görüntüleneceği en büyük boyutu belirleyin, en az o kadar ve yüksek yoğunluklu ekranlar için tercihen daha fazla işleyin.

Standart ekranlar 1x — sanat eserinin nominal boyutu — ile gayet iyi çalışır. Yüksek DPI ve Retina ekranlar aynı alana yaklaşık iki katı piksel sığdırır; 2x dışa aktarma, simgeleri ve grafikleri bulanık yerine keskin tutar. Baskı, posterler veya çok büyük ekranlar için 3x veya 4x size hareket alanı tanır. Kaynak bir vektör olduğundan daha büyük dışa aktarma kalitede hiçbir şeye mal olmaz — eğriler yalnızca daha yüksek piksel sayısında düzleştirilmeden önce yeniden hesaplanır. Şüphe duyduğunuzda cömert bir boyut işleyin; büyük bir PNG'yi her zaman küçültebilirsiniz ama küçük bir PNG'yi büyüterek ayrıntı geri kazanamazsınız.

Saydamlık yolculuğa devam eder

PNG tam bir alfa kanalını destekler; bu, saydamlığın dönüşümde korunduğu anlamına gelir. SVG'nizde arka plan dolgusu yoksa elde edilen PNG bu alanları saydam tutar; böylece bir logo veya simge, etrafında çirkin bir beyaz kutu olmadan herhangi bir rengin üzerine temizce yerleşir. Bunun yerine düz bir arka plan istiyorsanız dönüştürmeden önce SVG'ye bir tane ekleyin. Her iki durumda da vektörde gördüğünüz şey PNG'nin koruyacağı şeydir; bu da — JPG'nin aksine — PNG'yi simgeler, rozetler ve katmanlar için doğal hedef kılan şeydir.

Her şey cihazınızda kalır

Bu dönüştürücü, canvas API'sini kullanarak tarayıcınızda yerel kod olarak çalışır. SVG'niz okunur, çizilir ve hiçbir zaman sunucuya gönderilmeden dışa aktarılır; bu nedenle yükleme yok, kuyruk yok ve sanat eserinin bir kopyası başkasının deposunda oturmuyor. Bu, yayınlanmamış markalaşmadan anlaşma kapsamındaki müşteri çalışmalarına kadar, üçüncü tarafa vermekten kaçınmak istediğiniz her şey için hem daha hızlı hem de daha güvenlidir. İşiniz bittiğinde görsel araçlarımızın geri kalanını keşfedin — Windows veya favicon varlığı oluşturuyorsanız PNG'den ICO'ya dönüştürücü doğal bir sonraki adımdır.

Sıkça sorulan sorular