SVG her zaman PNG'den küçük mü?

Hayır, içeriğe bağlı. Basit bir logo veya çizgi grafiği SVG olarak birkaç kilobayt tutarken PNG olarak yüzlerce kilobayt olabilir. Ama metin yoğun bir sayfayı eğriye çevirdiğinizde her harf bir vektör şekle dönüşür ve SVG şişer; aynı sayfa PNG olarak daha küçük olabilir. Fotoğraflı sayfalarda ise SVG her zaman kaybeder çünkü fotoğrafı içine gömer, üstüne XML sarmalayıcı ekler.

Web sitem için hangisini kullanmalıyım?

Logo, ikon, çizgi grafiği ve şema için SVG — her ekran çözünürlüğünde keskin kalır ve genellikle daha küçüktür. Fotoğraf ve fotoğraf benzeri görseller için WebP veya JPEG. Karma içerikli tam sayfa görselleri için PNG veya WebP. Retina ekranlarda PNG kullanacaksanız iki katı çözünürlükte üretmeniz gerekir; SVG'de böyle bir dert yoktur.

PNG'de çözünürlük nasıl seçilir?

Kullanım yerine göre. Web'de normal görüntüleme için 96-150 DPI yeterlidir; yüksek yoğunluklu ekranlar için iki katına çıkın. Yazdırılacaksa 300 DPI standarttır. Bir A4 sayfayı 300 DPI'da PNG yaptığınızda yaklaşık 2480 × 3508 piksel elde edersiniz ve dosya birkaç megabayt tutabilir. Gereğinden yüksek çözünürlük sadece dosyayı şişirir.

Taranmış bir PDF'i hangi formata çevirmeliyim?

PNG veya JPEG. Taranmış sayfa zaten piksel verisidir; SVG'ye çevirmek vektör kazandırmaz, sadece aynı görüntüyü XML sarmalayıcı içine koyar ve dosyayı büyütür. Metin ağırlıklı siyah-beyaz taramalar için PNG, fotoğraf ve gri tonlamalı taramalar için JPEG genellikle daha küçük dosya verir.

PDF'i SVG'ye mi PNG'ye mi Çevirmeli? Vektör ve Raster Karşılaştırması

Bir PDF sayfasını görsel olarak dışa aktaracaksınız — bir sunumda kullanmak, web sitesine koymak, e-postaya gömmek veya tasarım programında düzenlemek için. Karşınıza üç ana seçenek çıkıyor: SVG, PNG ve JPEG. Doğru seçim, sayfanın içeriğine ve görselin nereye gideceğine bağlı ve yanlış seçim ya kalite ya dosya boyutu olarak size geri dönüyor.

Temel ayrım: vektör mü, raster mı?

SVG vektördür. Şekilleri matematiksel tanımlarla saklar: "şu noktadan şu noktaya bir eğri, içi şu renkle dolu." Her ölçekte yeniden hesaplanır, dolayısıyla ne kadar büyütürseniz büyütün keskin kalır.

PNG ve JPEG rasterdir. Sabit bir piksel ızgarası saklarlar. Büyüttüğünüzde pikseller büyür ve görüntü bulanıklaşır.

Bu ayrım her şeyi belirler — ama "vektör her zaman daha iyi" demek yanlış olur, çünkü her içerik vektöre uygun değildir.

Karşılaştırma tablosu

| Kriter | SVG | PNG | JPEG | |---|---|---|---| | Ölçeklenebilirlik | Sınırsız | Sabit | Sabit | | Fotoğraf uygunluğu | Kötü | Orta | Çok iyi | | Çizgi/metin uygunluğu | Çok iyi | İyi | Kötü (bulanıklık) | | Saydamlık | Evet | Evet | Hayır | | Düzenlenebilirlik | Yüksek | Yok | Yok | | Metin seçilebilir | Mümkün | Hayır | Hayır | | CSS/JS ile kontrol | Evet | Hayır | Hayır | | Kayıplı mı | Hayır | Hayır | Evet | | Her yerde açılır mı | Modern ortamlarda | Evet | Evet |

Senaryo 1: PDF'teki logoyu web sitesine koyacağım

Kurumsal kimlik kılavuzundan logoyu ayıklıyorsunuz.

Kazanan: SVG, tartışmasız.

Logo tipik olarak birkaç düz alan ve birkaç eğriden oluşur. SVG'de bu, birkaç kilobaytlık bir dosyadır. PNG olarak aynı logoyu retina ekranlarda keskin göstermek için 800×800 piksel üretmeniz gerekir ve dosya 50-200 KB olur.

SVG'nin ek avantajları: CSS ile rengini değiştirebilirsiniz (koyu/açık tema desteği), her ekran yoğunluğunda otomatik keskin kalır, ve tek dosyayla her boyutta kullanırsınız.

Ayıklama işlemi: logonun bulunduğu sayfayı çıkarın, SVG'ye çevirin, vektör düzenleyicide açıp logo dışındaki her şeyi silin, tuvali kırpın, optimize edip kaydedin.

Senaryo 2: Taranmış bir belgeyi görsel olarak paylaşacağım

Eski bir evrakın taraması var, sunuma koyacaksınız.

Kazanan: PNG (metin ağırlıklıysa) veya JPEG (fotoğraf/gri tonlamalıysa).

SVG bu senaryoda tamamen yanlış seçim. Taranmış sayfa zaten piksel verisidir; SVG'ye çevirdiğinizde dönüştürücü o görüntüyü base64 olarak SVG içine gömer. Sonuç: aynı pikseller, artı XML sarmalayıcı, artı base64 kodlamanın getirdiği yaklaşık %33 boyut artışı. Hiçbir kazanç yok, sadece kayıp.

PNG mi JPEG mi sorusunda kaba kural: keskin kenarlı, az renkli içerikte PNG; sürekli tonlu, fotoğraf benzeri içerikte JPEG. Siyah-beyaz taranmış metin PNG'de hem küçük hem keskin olur. Gri tonlamalı veya renkli taramalar JPEG'de belirgin biçimde küçülür.

Senaryo 3: Teknik çizimi tasarım programında düzenleyeceğim

Bir CAD çıktısı PDF olarak geldi, ölçüleri değiştirmeniz gerekiyor.

Kazanan: SVG.

Bu, düzenlenebilirlik ihtiyacının olduğu tek senaryo ve raster formatlar burada hiçbir şey sunmaz. PNG'yi düzenleyicide açtığınızda tek bir görüntü nesnesi görürsünüz; çizgilere ayrı ayrı erişemezsiniz.

SVG'de her çizgi, her daire, her dolgu ayrı bir öğedir. Seçebilir, taşıyabilir, rengini değiştirebilir, silebilirsiniz.

Beklentiyi doğru kurun: PDF'ten gelen SVG'ler genellikle çok sayıda iç içe gruptan ve kırpma yolundan oluşur, yapı temiz değildir. Ayrıca CAD dosyasının katman bilgisi, ölçü nesneleri ve parametrik yapısı kaybolmuştur — elinizde sadece çizgiler kalır.

Senaryo 4: Sunuma bir rapor sayfası koyacağım

PowerPoint slaytına bir grafik veya tablo yerleştireceksiniz.

Kazanan: PNG genellikle.

Sunum yazılımlarının SVG desteği değişkendir — bazıları destekler, bazıları desteklemez, bazıları destekler ama render'ı farklı yapar. Sunumu başka bir bilgisayarda açacaksanız risk almak istemezsiniz.

PNG güvenli seçimdir. Çözünürlük seçerken sunumun nasıl gösterileceğini düşünün: projeksiyonda 1920 piksel genişlik yeterlidir, ama yazdırılacaksa daha yüksek gerekir.

JPEG'i sunumda kullanmayın: metin ve çizgi içeren görsellerde JPEG'in sıkıştırması kenarların etrafında bulanık halkalar (artefakt) bırakır ve sonuç özensiz görünür.

Senaryo 5: Bir infografiği web sitesinde yayınlayacağım

Renkli, metin ve şekil içeren tam sayfa bir grafik.

Kazanan: duruma göre — test edin.

Bu, tek doğru cevabın olmadığı senaryo. İki faktör belirleyici:

Metin miktarı. SVG'ye çevirirken metni eğriye dönüştürürseniz her harf bir vektör şekil olur. Yoğun metinli bir infografikte bu, SVG'yi yüzlerce kilobayta çıkarabilir. Aynı grafik PNG olarak daha küçük olabilir.

Gömülü fotoğraf var mı. Varsa SVG kaybeder — fotoğrafı içine gömer ve şişer.

Pratik yaklaşım: her iki formatta da üretin, boyutları karşılaştırın, ikisini de tarayıcıda açıp görsel kaliteye bakın. Çoğu durumda birinin belirgin biçimde kazandığını görürsünüz.

SVG kazanırsa ek bir avantaj gelir: yüksek yoğunluklu ekranlarda otomatik keskin kalır ve iki farklı çözünürlükte dosya üretmeniz gerekmez.

Senaryo 6: Yazdırılacak bir görsel

Bir sayfayı yüksek kalitede basacaksınız.

Kazanan: PNG (300 DPI) veya doğrudan PDF.

Aslında en iyi cevap: hiç dönüştürmeyin. Yazdırma için PDF zaten en iyi formattır — vektör içeriği tam çözünürlükte basılır, CMYK renk bilgisi korunur, yazı tipleri gömülüdür.

Görsel formata çevirmek zorundaysanız PNG'yi 300 DPI'da üretin. A4 sayfa için bu yaklaşık 2480 × 3508 piksel demektir ve dosya birkaç megabayt tutar.

SVG teknik olarak baskıya uygun görünse de üç eksiği vardır: CMYK desteği yok, taşma payı ve kesim işaretleri tanımlı değil, renk profili gömülemez. Matbaalar bu yüzden SVG kabul etmez.

PNG'de çözünürlük seçimi

PNG seçtiyseniz kritik ayar çözünürlüktür:

| Kullanım | Önerilen DPI | A4 için piksel | |---|---|---| | Web, normal ekran | 96 | ~794 × 1123 | | Web, yüksek yoğunluklu ekran | 192 | ~1587 × 2245 | | Sunum (projeksiyon) | 150 | ~1240 × 1754 | | Yazdırma | 300 | ~2480 × 3508 | | Yüksek kaliteli baskı | 600 | ~4960 × 7016 |

Gereğinden yüksek çözünürlük seçmek sadece dosyayı şişirir; kalite kazandırmaz çünkü kaynak PDF'in kendi çözünürlük sınırı vardır (özellikle içindeki görseller için).

Karar özeti

Basit bir akış:

Kaynak taranmış mı? Evet ise → PNG veya JPEG. SVG'yi düşünmeyin.
Düzenlemeniz gerekiyor mu? Evet ise → SVG, başka seçenek yok.
Logo, ikon veya çizgi grafiği mi? Evet ise → SVG.
Fotoğraf ağırlıklı mı? Evet ise → JPEG (veya web için WebP).
Sunuma mı gidiyor? → PNG, uyumluluk için.
Yazdırılacak mı? → PDF olarak bırakın; zorunluysa 300 DPI PNG.
Karma içerik, web'de yayınlanacak? → İkisini de üretip karşılaştırın.

Ve son bir hatırlatma: dönüştürmeden önce sayfayı çok yakınlaştırıp kaynağın gerçekten vektör olup olmadığını kontrol edin. Bu tek kontrol, yukarıdaki kararların yarısını tek başına verir.