JPG vs WebP vs AVIF: sıkıştırma formatları karşılaştırması

Web performansını önemsiyorsanız, görüntü optimizasyonunu araştırırken üç formatın sürekli göründüğünü fark etmişsinizdir: JPG, WebP ve AVIF. Üçü de esasen aynı işi yapıyor — fotoğrafları sıkıştırmak — ama uyumluluk ve sıkıştırma değiş tokuşunda çok farklı noktalarda yer alıyorlar.

Hızlı özet

Format	Yayınlanma	Dosya boyutu (aynı kalite)	Tarayıcı desteği	Kodlama hızı
JPG	1992	Temel (%100)	%100	Hızlı
WebP	2010	%65-75	~%96	Orta
AVIF	2019	%40-55	~%92	Yavaş

JPG uyumluluk ve kodlama hızında kazanır. WebP şu anki tatlı nokta. AVIF en küçük dosyaları üretir ama oluşturmak çok daha uzun sürer.

Arka planda nasıl çalışırlar

JPG

JPG, görüntüleri 8×8 piksel bloklara bölerek ve her bloğu Ayrık Kosinüs Dönüşümü ile frekans bileşenlerine dönüştürerek sıkıştırır. Yüksek frekanslı bileşenler (ince ayrıntı) agresif biçimde kuantize edilir — kayıplı sıkıştırmanın gerçekleştiği yer burası. Sonuç öngörülebilir bozulmalarla gelir: düşük kalitede görünen blok sınırları, keskin kenarlar etrafında “yankı”, bulanıklaşmış ince ayrıntı.

Altta yatan matematik 1990’lardan beri neredeyse değişmedi. Format basit, evrensel ve kodlama/kod çözme açısından hızlı.

WebP

WebP (Google, 2010), VP8 video kodeğinden türetilen blok tabanlı tahmin kullanır. Bağımsız 8×8 bloklarının aksine, her blok komşularına referans verebilir — doğal görüntüler için çok daha verimli. WebP ayrıca kayıpsız sıkıştırma, alfa şeffaflığı ve animasyonu destekler.

Aynı algısal kalitede, WebP dosyası tipik olarak JPG’den %25-35 daha küçük. Kalite ayarları JPG gibi 0’dan 100’e gider.

AVIF

AVIF (Alliance for Open Media, 2019), AV1 video kodeğini — açık kaynak sıkıştırmanın en son neslini — temel alır. Daha büyük ve değişken boyutlu bloklar, daha fazla tahmin modu, daha iyi entropi kodlaması kullanır.

Aynı algısal kalitede, AVIF dosyası tipik olarak JPG’den %45-55 daha küçük. Şeffaflığı, HDR’yi, geniş renk gamutlarını ve animasyonu destekler.

Ama dikkat: AVIF kodlamak yavaş. Bir fotoğraftan AVIF oluşturmak, eşdeğer WebP’den 2-10 kat, JPG’den 10-30 kat daha uzun sürebilir.

Gerçek dünya dosya boyutu karşılaştırması

Görsel olarak eşdeğer kalitede kodlanmış tipik fotoğraf (4000×3000 px, kamera çıktısı):

Format	Dosya boyutu	JPG’ye göre
PNG (kayıpsız)	28 MB	+%2400
JPG (kalite 85)	1.2 MB	%100
JPG (kalite 75)	620 KB	%52
WebP (kalite 85)	780 KB	%65
WebP (kalite 75)	380 KB	%32
AVIF (kalite 85)	540 KB	%45
AVIF (kalite 75)	250 KB	%21

Tasarruflar dramatik. JPG-85’ten AVIF-75’e geçmek 4 kattan fazla küçültme. 10 görüntü yükleyen bir sayfa için bu birkaç megabaytlık fark.

2026’da tarayıcı ve araç desteği

JPG: Evrensel. Her tarayıcı, e-posta istemcisi, işletim sistemi, belge editörü, CMS ve görüntü görüntüleyicisi destekler. Bir sistem görüntü gösteriyorsa, JPG’yi gösterir.

WebP: Tüm modern tarayıcılarda (Chrome, Firefox, Safari, Edge, Opera, Samsung Internet) ve esasen tüm büyük işletim sistemlerinde destekleniyor. Web görüntüleri için birincil format olarak artık güvenle kullanılabilir. Kalan boşluklar eski araçlarda: bazı görüntü editörleri, e-posta istemcileri ve üçüncü taraf CMS’ler hâlâ WebP’yi tuhaf işliyor.

AVIF: Chrome, Firefox, Safari, Edge ve çoğu yeni tarayıcıda destekleniyor. Küresel destek yaklaşık %92. Görüntü editörlerinde ve tasarım araçlarında AVIF desteği WebP’den daha tutarsız.

Web teslimi için JPG yedeği sağlarsanız hem WebP hem de AVIF artık güvenli:

<picture>
 <source type="image/avif" srcset="photo.avif">
 <source type="image/webp" srcset="photo.webp">
 <img src="photo.jpg" alt="...">
</picture>

Tarayıcı desteklediği en iyi formatı seçer.

Pratikte kodlama hızı

Tek görüntü sıkıştırıyorsanız fark saniyelerle ölçülür — önemli değil. 50.000 ürün fotoğrafından oluşan bir katalog işliyorsanız, çok önemli.

Modern dizüstü bilgisayarda 4000×3000 fotoğraf için kaba süreler:

• JPG (kalite 75): 0,1 saniye
• WebP (kalite 75): 0,3 saniye
• AVIF (kalite 75): 3-8 saniye (kodlayıcı ve çaba ayarına bağlı)

AVIF kodlayıcılarının bir “çaba” ayarı var. Daha yüksek çaba = daha küçük dosyalar, çok daha yavaş. Toplu işleme için daha düşük çaba, %5-15 daha büyük çıktı pahasına AVIF’i pratik hale getirir.

Her birini ne zaman kullanmalı

JPG kullanın:

• Herhangi bir araçla garantili uyumluluk gerektiğinde (e-posta, Office, eski sistemler)
• Baskı iş akışları veya stok fotoğrafçılığı için dışa aktarıyorsanız
• Maksimum kodlama hızı gerekiyorsa (ölçekte küçük resim oluşturma gibi)

WebP kullanın:

• Web görüntüleri sunuyorsanız ve JPG yedeği sağlayabilirseniz
• Şeffaflık ile fotoğraf tarzı görüntü gerekiyorsa (JPG şeffaflık yapamaz, WebP yapabilir)
• Hem JPG hem PNG için tek bir yedek seçenek istiyorsanız
• Sıkıştırma ile kodlama hızını dengeliyorsanız

AVIF kullanın:

• Mümkün olan en küçük dosyalar gerekiyorsa, kodlama hızı önemli değilse (hero görüntüler, önbelleğe alınan CDN içeriği)
• Modern tarayıcıları hedefliyorsanız
• HDR veya geniş gamut içerikle çalışıyorsanız
• Yüksek kaliteli animasyon gerekiyorsa

Yedek olmadan WebP/AVIF sunarsanız ne olur

Eski tarayıcılar veya tarayıcı olmayan istemciler (bazı e-posta istemcileri, Office, belirli ekran okuyucular) bozuk görüntü simgesi ya da hiçbir şey gösterir. İstemciyi kontrol etmediğiniz ve formatı desteklediğini bilmediğiniz sürece her zaman <picture> ile JPG veya PNG yedeği sağlayın.

Tipik web sitesi için önerilen kurulum

2026 için mantıklı varsayılan:

1. Orijinal formatında bir ana kopya saklayın (kamera JPG, Photoshop PSD)
2. Evrensel yedek olarak kalite 85’te JPG dışa aktarın
3. Birincil web formatı olarak kalite 75’te WebP dışa aktarın
4. Maksimum tasarruf için isteğe bağlı kalite 70’te AVIF dışa aktarın
5. Tarayıcının seçmesine bırakmak için <picture> kullanın

Basit tutmak istiyorsanız AVIF’i atlayın — WebP tek başına JPG’ye karşı %25-35 tasarruf sağlar. Bu zaten büyük bir kazanım.

Image Compressor’ı deneyin

Image Compressor JPG, PNG ve WebP’yi kabul eder ve girdi formatını korur. Mevcut formatınız içinde dosya boyutunu azaltmak için canlı kalite kaydırıcısına sahip hızlı bir tarayıcı tarafı araç.

Hangi formatları kullanırsanız kullanın, şunu aklınızda tutun: sıkıştırılmamış görüntüler sunmayı bırakın. Web için JPG kalite 95, PDF yeterliyken web sitenizi parlak fotoğraf kağıdına basmakla eşdeğer.