PNG vs WebP vs AVIF: Hangi Görsel Formatını Kullanmalısınız?

Adım adım

1. 1

   Her formatın gerçekte neyi takas ettiğini anlayın

   PNG kayıpsızdır, dosyalar büyüktür ve logolar, UI görselleri, metin içeren ekran görüntüleri için doğru seçimdir — piksel bazlı keskin kenar ve tam alfa kanalı önemli olan her yerde. Web fotoğrafları için PNG kullanmayın; her sayfayı şişirir. Google'ın formatı WebP, kayıplı veya kayıpsız olabilir, aynı kalitede JPEG'ten tipik olarak %25–35 daha küçüktür ve 2020'den beri tüm modern tarayıcılarda desteklenir — ancak bazı eski CMS'ler ve çoğu e‑posta istemcisi hâlâ kabul etmiyor. AV1 tabanlı AVIF ise fotoğraflarda JPEG'ten yaklaşık %50 daha küçüktür, HDR ve geniş renk gamı desteği sunar; ama encode süresi çok daha uzundur ve eski kurumsal araçlarla bazı masaüstü uygulamaları hâlâ zorlar.

2. 2

   Formatı kullanım senaryosuna göre seçin

   Şeffaflıklı logo veya ikon → PNG (boyut önemliyse ve CMS'iniz kabul ediyorsa WebP). E-ticarette ürün fotoğrafı → WebP, eski tarayıcılar için JPEG fallback. Modern sitede hero görseli → AVIF, WebP fallback ile. Metin içeren ekran görüntüsü → PNG; AVIF ve WebP düşük kalite ayarlarında keskin metin kenarlarında bulanıklık yaratır. E-posta eki → JPEG, çünkü çoğu e-posta istemcisi hâlâ WebP ve AVIF'te takılır. Sosyal medya yüklemesi → JPEG veya PNG; platformlar zaten yeniden sıkıştırır, AVIF'i JPEG'e tekrar encode edecekleri için vermenin anlamı yok.

3. 3

   Karar vermeden önce şeffaflık desteğini test edin

   WebP alfa destekler ama eski Windows araçları — eski Paint, bazı Office sürümleri — WebP'yi hiç açamıyor bile, şeffaflığı doğru göstermek şöyle dursun. AVIF alfa spec'te destekleniyor ama araç desteği tutarsız; bazı görsel düzenleyiciler açarken düzleştiriyor. Dosya tarayıcı dışında açılacaksa — bir tasarımcı, bir matbaa, bir paydaşın eski Office kurulumu — şeffaflık için en güvenli seçim hâlâ PNG.

4. 4

   Kayıpsız WebP'nin değdiği durumları bilin

   Kayıpsız WebP fotoğraflarda PNG'den küçüktür ama grafiklerde daha büyüktür. Fotoğraflar için kayıplı WebP kullanın — kalite 80–85 kaynaktan ayırt edilmez — kayıpsız WebP'ye ise yalnızca hem şeffaflık hem de PNG'den küçük dosya boyutu gerektiğinde başvurun; örneğin PNG hâlinin fazla ağır kaldığını ölçüp gördüğünüz, şeffaf arka planlı bir illüstrasyon veya UI görseli için.

5. 5

   Toplu dönüşüm öncesi CMS ve platform desteğini kontrol edin

   WordPress 5.8'den beri WebP'yi yerel olarak destekliyor; Shopify WebP'yi otomatik sunuyor; Squarespace yüklemede dönüştürüyor; Figma WebP import eder ve PNG/JPEG/SVG/WebP export eder; Notion WebP'yi inline render eder. Geride kalanlar: Gmail ve Outlook composer'da sadece JPEG ve PNG kabul eder, bazı kurumsal DAM'ler hâlâ WebP yüklemesini reddediyor, birçok hukuki/resmi portal kabul edilebilir formatları listeliyor ve esnemiyor. Tüm görsel hattınızı yeniden yazmadan önce hedefin formatı kabul ettiğini doğrulayın.

6. 6

   Dönüştürün ve çıktı boyutunu doğrulayın

   Omnvert dönüştürücülerini kullanın ve dosya boyutlarını önce/sonra karşılaştırın. WebP çıktısı JPEG kaynağından büyükse kaynak zaten iyi sıkıştırılmıştır — dönüştürmeyin. Kaliteyi 75–80'e indirip tekrar deneyin; hâlâ büyükse orijinali saklayın.