2026'da Görsel Format Seçimi: WebP, AVIF, PNG ve JPG
Bir web sayfasının ağırlığının büyük bölümü genellikle görsellerden gelir. Yanlış format ya da gereksiz büyük bir dosya, sayfayı yavaşlatır, mobil kullanıcıların verisini tüketir ve arama sıralamanızı düşürür. 2026'da elimizde JPG ve PNG gibi klasiklerin yanında WebP ve AVIF gibi modern formatlar da var. Peki hangisini ne zaman kullanmalısınız? Bu rehberde dört formatı kalite, boyut, şeffaflık, animasyon ve tarayıcı desteği açısından karşılaştırıyor, ardından sıkıştırma ve Core Web Vitals üzerindeki etkisine bakıyoruz.
Önce Temel Kavram: Kayıplı mı, Kayıpsız mı?
Görsel sıkıştırma iki ana türe ayrılır:
- Kayıplı (lossy): Dosya boyutunu küçültmek için gözün fark etmesi zor detayları atar. JPG, WebP ve AVIF bu modda çalışabilir. Fotoğraflar için idealdir çünkü çok yüksek oranda küçültme sağlar.
- Kayıpsız (lossless): Hiçbir piksel bilgisi kaybetmez, orijinali birebir geri verir. PNG bunun klasik örneğidir; WebP ve AVIF de kayıpsız modu destekler. Logolar, ekran görüntüleri ve keskin kenarlı grafikler için uygundur.
Pratikte fotoğraflarda kayıplı, çizim ve grafiklerde kayıpsız format tercih edilir.
Formatları Tek Tek Tanıyalım
JPG (JPEG): İnternetin en eski ve en yaygın fotoğraf formatı. Mükemmel uyumluluk sunar, her cihazda açılır. Ancak şeffaflığı (alfa kanalı) ve animasyonu desteklemez, modern formatlara göre aynı kalitede daha büyük dosya üretir.
PNG: Kayıpsız sıkıştırma ve şeffaflık desteğiyle logolar, ikonlar ve ekran görüntüleri için standart. Sorun şu ki fotoğraflarda dosya boyutu çok büyür; renkli bir fotoğrafın PNG hâli JPG'den birkaç kat ağır olabilir.
WebP: Google'ın geliştirdiği format. Hem kayıplı hem kayıpsız modu, şeffaflığı ve animasyonu tek çatı altında toplar. Aynı görsel kalitesinde JPG'den yaklaşık %25-35, PNG'den çok daha küçük dosyalar üretir. 2026 itibarıyla tüm güncel tarayıcılarda sorunsuz çalışır; web için güvenli varsayılan seçimdir.
AVIF: AV1 video kodlamasına dayanan en yeni nesil. Sıkıştırmada şampiyon: WebP'den de küçük dosyalar, geniş renk gamı (HDR) ve şeffaflık desteğiyle gelir. Karşılığında kodlama (encode) daha yavaştır ve çok eski tarayıcılarda açılmayabilir. En iyi sonuç için AVIF sunup <picture> etiketiyle WebP/JPG yedeği vermek mantıklıdır.
Karşılaştırma Tablosu
| Format | En uygun kullanım | Boyut | Şeffaflık | Tarayıcı desteği |
|---|---|---|---|---|
| JPG | Fotoğraflar, geniş uyumluluk gerektiren içerik | Orta | Yok | Mükemmel (her yerde) |
| PNG | Logo, ikon, ekran görüntüsü, keskin grafik | Büyük | Var | Mükemmel (her yerde) |
| WebP | Web'de fotoğraf ve grafik için genel amaçlı | Küçük | Var | Çok iyi (tüm güncel tarayıcılar) |
| AVIF | Maksimum sıkıştırma, fotoğraf, HDR | En küçük | Var | İyi (yedekle önerilir) |
Hangi Durumda Hangisini Seçmeli?
- Fotoğraf yayınlıyorsanız: Önce AVIF, yedek olarak WebP, en alt katman olarak JPG. Hepsini desteklemek istemiyorsanız tek başına WebP fazlasıyla yeterlidir.
- Logo, ikon ya da şeffaf arka planlı grafik: Kayıpsız WebP ideal; geniş uyumluluk şartsa PNG.
- Basit animasyon: GIF yerine WebP (veya AVIF) kullanın; çok daha küçük ve kaliteli olur.
- E-posta şablonu ya da çok eski sistemlere gönderim: Güvenli liman hâlâ JPG ve PNG.
Sıkıştırma ve Boyutlandırma Neden Hızı Belirler?
Doğru formatı seçmek tek başına yetmez. İki adım daha kritiktir:
- Yeniden boyutlandırma: Çoğu site, 4000 piksel genişliğinde bir fotoğrafı tarayıcıda 800 piksele küçültüp gösterir. Bu, kullanıcıya gereksiz yere devasa bir dosya indirtmek demektir. Görseli gösterileceği gerçek boyuta indirin.
- Sıkıştırma: Boyut doğru olsa bile dosya, kaliteden gözle görülür bir kayıp olmadan daha da küçültülebilir. JPG/WebP için %75-85 kalite çoğu zaman ideal dengeyi yakalar.
Bu iki adımın doğrudan etkisi Core Web Vitals üzerinedir. Özellikle LCP (Largest Contentful Paint), sayfadaki en büyük öğenin (çoğu zaman bir kapak görseli) ne kadar hızlı yüklendiğini ölçer. Görseli küçültüp sıkıştırdığınızda LCP düşer, sayfa daha hızlı "açılmış" hissettirir ve Google'ın sıralama sinyalleri olumlu etkilenir. Yavaş yüklenen büyük bir hero görseli, tek başına bütün sayfa performansını aşağı çekebilir.
MagmaNex'te bu üç adımı tarayıcıdan çıkmadan yapabilirsiniz: görseli Görsel Sıkıştırıcı ile boyutça küçültün, formatını Görsel Format Dönüştürücü ile WebP veya AVIF'e çevirin ve gösterileceği ölçüye Görsel Yeniden Boyutlandırıcı ile getirin. Hepsi tarayıcıda çalışır; dosyalarınız sunucuya yüklenmez.
Yapay Zekâ ile Üretilen Görseller
2026'da blog ve sosyal medya görsellerinin büyük kısmı yapay zekâ araçlarıyla üretiliyor. Bu görseller genellikle yüksek çözünürlüklü ve büyük dosyalı PNG olarak iner. Doğrudan siteye koymak yerine önce işleyin: gerçek gösterim boyutuna küçültün ve WebP/AVIF'e dönüştürün. Bir AI görselinin 3-4 MB'lık PNG hâli, kaliteden ödün vermeden 200-300 KB'lık bir WebP'ye inebilir. Ayrıca yapay zekâ görsellerinin sıklıkla gereksiz meta veri taşıdığını ve bazı platformlarda telif/etiketleme kuralları olduğunu unutmayın; yayınlamadan önce kontrol edin.
Özet
2026'da web için pratik kural basit: fotoğraflarda AVIF veya WebP, şeffaf grafiklerde kayıpsız WebP veya PNG, maksimum uyumluluk gerektiğinde JPG. Format seçiminden sonra mutlaka boyutlandırın ve sıkıştırın; asıl hız kazancı oradan gelir. Doğru format + doğru boyut + makul kalite kombinasyonu, hem kullanıcı deneyimini hem de arama sıralamanızı belirgin biçimde iyileştirir.