JPG mi, PNG mi, WebP mi: hangi biçimi kullanmalısınız?

Tek cümleyle: fotoğraflar için JPG veya WebP; grafikler ve saydamlık için PNG veya WebP. WebP’ye geçmeden önce, yükleme yapacağınız yerin onu kabul ettiğinden emin olun.

JPG (JPEG olarak da yazılır), gözün nadiren fark ettiği ince ayrıntıları atarak fotoğrafları az yer kaplayacak şekilde saklar. Neredeyse her web sitesi, uygulama, e-posta hizmeti ve pazar yeri onu kabul eder; bu da onu emin olmadığınızda en güvenli seçim yapar.

Zayıf noktaları keskin kenarlar ve düz renklerdir. Yazılarda, çizimlerde ve ekran görüntülerinde bulanık haleler oluşur; ayrıca JPG saydamlığı desteklemez. Bir JPG her düzenlenip yeniden kaydedildiğinde biraz daha kayba uğrar; bu yüzden orijinali saklayın ve dışa aktarmayı ondan yapın.

Bir JPG’yi biçimini değiştirmeden küçültmek için resim sıkıştırma aracını, WebP’yi denemek için JPG’den WebP’ye dönüştürücüyü kullanın.

PNG kayıpsızdır: her piksel tam olarak olduğu gibi korunur. Bu da onu logolar, simgeler, arayüz ekran görüntüleri ve yazı içeren her şey için doğru seçim yapar; ayrıca yumuşak kenarlar ve gölgeler dahil tam saydamlığı destekler.

Bunun bedeli dosya boyutudur. PNG olarak kaydedilen bir fotoğraf, iyi bir JPG’den genellikle birkaç kat daha büyüktür. HTTP Archive’ın 2024 Web Almanac raporunda web’deki medyan PNG piksel başına 3,8 bit kullanıyordu; bu değer JPG için 2,0, WebP için 1,3’tü.

PNG bir fotoğraf içeriyorsa onu dönüştürün. Bir grafik içeriyorsa PNG olarak sıkıştırın ya da saydamlığı koruyan PNG’den WebP’ye dönüştürmeyi deneyin.

Google, WebP’yi web için tasarladı ve WebP iki şekilde de çalışır: JPG gibi kayıplı ya da PNG gibi kayıpsız; her ikisinde de saydamlık desteğiyle. Google’ın verilerine göre kayıpsız WebP dosyaları PNG’lerden %26, kayıplı WebP dosyaları ise benzer JPG’lerden %25–34 daha küçüktür.

Güncel büyük tarayıcıların hepsi WebP’yi gösterir: 14. sürümünden beri Safari dahil, kullanımdaki tarayıcıların yaklaşık %97’si. Sorun tarayıcının dışında çıkıyor. Bazı platformlar hâlâ WebP yüklemelerini kabul etmiyor: örneğin Amazon, Etsy ve Mailchimp JPG ve PNG’yi listeliyor, WebP’yi listelemiyor.

Dönüştürme de garantili bir kazanç değildir. Basit bir logo veya az renkli bir ekran görüntüsü PNG olarak daha küçük olabilir. Dönüştürün, iki dosyayı karşılaştırın ve küçük olanı tutun.

1. 01Görselin saydamlığa ihtiyacı var mı? PNG’yi ya da kabul edildiği yerlerde WebP’yi kullanın.
2. 02Bir fotoğraf veya gerçekçi bir görüntü mü? JPG’yi ya da kendi web sitenizde WebP’yi kullanın.
3. 03Ekran görüntüsü, grafik, logo veya yazı mı? PNG kullanın, ardından WebP’yi deneyip dosyaları karşılaştırın.
4. 04Nereye yüklenecek? Platformun bu biçimi kabul ettiğinden emin olun; kabul etmiyorsa JPG veya PNG’de kalın.
5. 05Biçimi ne olursa olsun son dosyayı sıkıştırın.

Belirli platformların boyutları ve sınırları için e-posta ve online mağazalar için görsel boyutu gereksinimleri rehberine göz atın.

AVIF, daha da küçük dosyalar sunabilen daha yeni bir biçimdir; ancak oluşturulması daha yavaştır ve onu kabul eden araç ve platform sayısı daha azdır. Web’de hâlâ nadirdir: 2025 Web Almanac’a göre AVIF, LCP görsellerinin %0,7’sini oluşturuyordu; bu oran WebP’de %11, PNG’de %26, JPG’de %57’ydi. Bugün çoğu site için JPG, PNG ve WebP her ihtiyacı karşılar.

• Kalite için fotoğrafları PNG olarak kaydetmek. PNG zaten var olan ayrıntıyı korur ama yenisini ekleyemez; dosya ise birkaç kat büyür.
• Bulanık kenarları düzeltmek için JPG’yi PNG’ye dönüştürmek. Hasar zaten JPG’de oluşmuştur; bunun yerine orijinale geri dönün.
• Kontrol etmeden her şeyi WebP’ye geçirmek. Web siteniz onu sorunsuz kabul ederken mağaza platformunuz veya e-posta aracınız reddedebilir.
• Biçimi seçtikten sonra durmak. Biçim başlangıç noktasını belirler; gerisini son dosyayı sıkıştırmak halleder.

Sıradaki rehber: adım adım web sitesi için görseller nasıl sıkıştırılır.