Resim Formatları: JPG, PNG, WebP, AVIF ve SVG Farkları

Biçimlerin güçlü ve zayıf yanları

JPG (JPEG) fotoğraflar ve yumuşak renk geçişleri için hâlâ en uyumlu seçimdir; neredeyse her cihaz, program ve form kabul eder. Şeffaflık desteklemez, yani logonun arka planı beyaz ya da siyah bir kutu olarak kalır. Kayıplı olduğu için keskin metin ve çizgilerin çevresinde bulanık lekeler oluşabilir ve her yeniden kaydetmede kalite biraz daha düşer.

PNG kayıpsızdır ve tam alfa kanalıyla şeffaflık destekler. Ekran görüntüsü, arayüz grafiği, metin içeren görsel ve logo için uygundur. Aynı fotoğrafı PNG olarak kaydetmek ise genellikle JPEG'den kat kat büyük dosya üretir. GIF yalnızca 256 renk tutabilir ve tek bir rengi şeffaf yapabilir; bugün daha çok kısa animasyonlar için kalmış eski bir biçimdir.

WebP ve AVIF web için tasarlanmış modern biçimlerdir. İkisi de kayıplı ve kayıpsız sıkıştırma, şeffaflık ve animasyon destekler; MDN, JPEG ve PNG'ye göre belirgin biçimde daha iyi sıkıştırma sağladıklarını belirtir. MDN'ye göre AVIF, JPEG'in aksine kademeli yükleme desteklemez; dosya tamamen inmeden görüntü belirmez. Bu biçimlerin zayıf noktası web dışı uyumluluktur: eski masaüstü programları, bazı baskı servisleri ve resmi başvuru formları hâlâ yalnızca JPG veya PNG kabul edebilir.

Daha az bilinen birkaç uzantı da sık karşınıza çıkar. JFIF, JPEG verisinin taşındığı dosya düzeninin adıdır; Windows'ta web'den kaydedilen bazı görseller .jfif uzantısıyla iner ve içerik aslında sıradan bir JPEG'dir, uzantıyı .jpg yapmak çoğu programda yeterlidir. BMP genellikle sıkıştırmasız olduğu için aynı görüntüde çok büyük dosya üretir; paylaşmadan önce PNG veya JPG'ye çevirmek mantıklıdır. ICO ise site simgeleri ve Windows simgeleri için kullanılan, içinde aynı simgenin birden fazla boyutunu barındırabilen bir kapsayıcıdır.

SVG logolar, simgeler, diyagramlar ve haritalar için idealdir; fotoğraf için uygun değildir. Metin tabanlı olduğu için içinde betik de barındırabilir. Bu nedenle bilinmeyen kaynaklardan gelen SVG dosyalarını doğrudan bir web sitesine gömmeden önce içeriğini kontrol etmek iyi bir alışkanlıktır.

Hangi durumda hangisini seçmeli?

Resmi bir forma belge fotoğrafı veya taranmış kimlik yüklüyorsanız, formun istediği biçime uyun; çoğu zaman JPG ya da PDF istenir. Bir web sitesine fotoğraf koyuyorsanız AVIF veya WebP kullanıp desteklemeyen tarayıcılar için JPG yedeği sunmak yaygın bir yaklaşımdır. Şeffaf arka planlı ürün görseli gerekiyorsa PNG ya da WebP seçin. Logo ve simgeler için SVG ilk tercihtir; SVG kabul etmeyen bir platform için yüksek çözünürlüklü PNG hazırlayın.

Tarayıcı desteği artık geniş. MDN tablosuna göre AVIF Chrome 85, Firefox 93 ve Safari 16.1 sürümlerinden itibaren desteklenir; WebP güncel tüm büyük tarayıcılarda çalışır, macOS'ta Safari 14 ve macOS Big Sur gerektirir. Güncellenmemiş eski bir cihazda bu dosyalar açılmıyorsa sorun dosyada değil tarayıcı sürümündedir.

Yapmamanız gereken bir şey var: bir JPG'yi PNG'ye çevirmek kaybolan kaliteyi geri getirmez, yalnızca dosyayı büyütür. Aynı şekilde küçük bir PNG logoyu SVG'ye çevirmek onu vektöre dönüştürmez; gerçek vektör için logonun özgün tasarım dosyası gerekir.

Baskı için de benzer bir yanılgı vardır. Bir görselin DPI değerini 72'den 300'e çıkarmak piksel sayısını değiştirmez, yalnızca baskı boyutunu küçültür. Baskıda net sonuç için belirleyici olan görselin piksel boyutudur; matbaa belirli bir çözünürlük istiyorsa elinizdeki görselin genişlik ve yüksekliğine bakın.

Bu dosyaları tarayıcıda açmak

Resim Görüntüleyici PNG, JPG, JPEG, JFIF, GIF, WebP, AVIF, BMP ve ICO dosyalarını açar. Uzantısı olmayan PNG, JPEG, GIF, BMP ve WebP dosyalarını ilk baytlarından tanıyabilir. Açılan görselin piksel boyutları üst çubukta yazar; ekrana sığdırma ile gerçek boyut arasında geçiş yapabilir, şeffaf alanları görmek için koyu zemine alabilirsiniz. Birden fazla dosyayı birlikte seçebilir, panodan Ctrl+V ile görsel yapıştırabilirsiniz. Görüntüleyici bir dönüştürücü değildir; dosyayı olduğu gibi gösterir ve Orijinali indir ile değiştirmeden geri verir. AVIF gibi bir dosyanın görünmesi tarayıcınızın o biçimi desteklemesine bağlıdır.

SVG Görüntüleyici dosyayı betik çalıştırmayan bir yöntemle görsel olarak gösterir ve SVG kodu sekmesinde XML içeriğini açar. Düzenle ile kodu değiştirebilir, sonucu önizlemede görebilir ve İndir ile güncel SVG'yi kaydedebilirsiniz. iPhone'dan gelen HEIC fotoğraflar için ayrı HEIC Görüntüleyici vardır; bu araç fotoğrafı JPEG'e dönüştürüp indirmenizi sağlar. Tüm görüntüleyicilerde dosyalar tarayıcıda işlenir, sunucuya yüklenmez.

Telefonla çekilmiş bir JPEG'in bilgisayarda yan yatmış görünmesi de sık yaşanan bir durumdur. Fotoğraf makineleri görüntüyü çoğu zaman sensörün yönünde kaydeder ve doğru yönü EXIF içindeki yön etiketine yazar. Güncel tarayıcılar bu etiketi dikkate alarak fotoğrafı düz gösterir; bazı eski programlar ve bazı yükleme formları ise etiketi yok sayar. Tarayıcıda düz, başka bir programda yan yatık görünen bir fotoğrafın nedeni genellikle budur ve görseli bir düzenleyicide döndürüp yeniden kaydetmek sorunu kalıcı olarak çözer.