Bir kez kodlayıp birçok kez sunduğunuz statik görseller için AVIF (blog kapak görseli, ürün fotoğrafları, pazarlama sitesi). Kodlama hızı önemliyse veya tek bir formatla %100 modern tarayıcı kapsamı istiyorsanız WEBP.
AVIF ve WEBP, JPG ve PNG'nin yerini almak üzere tasarlanmış iki modern görsel formatıdır. AVIF (2019'da yayınlandı), AV1 video sıkıştırmasını kullanır ve aynı kalitede WEBP'den %20–50 daha küçük dosyalar üretir. WEBP (2010'da yayınlandı) daha eski ama çok daha hızlı kodlar ve biraz daha geniş desteklenir.
Karşılığında: AVIF piyasadaki en güçlü sıkıştırıcıdır, ancak kodlama WEBP'den 10–50× daha uzun sürer ve kod çözme tarayıcıda biraz daha ağırdır. Statik bir blog veya pazarlama sitesi için AVIF kodlama süresine değer. Her istekte kodlama yapan dinamik bir görsel pipeline'ı için WEBP daha güvenli seçimdir.
| Özellik | AVIF | WEBP |
|---|---|---|
| Yayınlandığı yıl | 2019 | 2010 |
| Sıkıştırma temeli (JPG'ye göre) | ~%50 daha küçük | ~%30 daha küçük |
| Kodlama hızı | Yavaş (WEBP'nin 10–50×'i) | Hızlı |
| Tarayıcıda kod çözme | Orta | Hızlı |
| Tarayıcı desteği | %93+ | %97+ |
| Şeffaflık | Var | Var |
| Animasyon | Var | Var |
| HDR / geniş renk | Var (10-bit, 12-bit) | Yok (yalnızca 8-bit) |
| En uygun kullanım | Statik kodlanmış görseller | Gerçek zamanlı / pipeline kodlama |
AVIF'i şu durumlarda kullanın
- Bir kez kodlayıp birçok kez sunuyorsunuz (CDN önbellekli statik varlıklar).
- Sayfa ağırlığı ve Core Web Vitals'ı derinden önemsiyorsunuz.
- HDR fotoğraflar yayınlıyorsunuz ve geniş renk gamı avantajını istiyorsunuz.
- Hedef kitleniz modern tarayıcılarda (>%93).
WEBP'yi şu durumlarda kullanın
- İhtiyaç anında kodluyorsunuz (görsel proxy'si, cihaza göre dinamik boyutlandırma).
- Tek bir formatla mümkün olan en geniş modern tarayıcı desteğine ihtiyacınız var.
- Daha geniş araç ekosistemine sahip daha güvenli, daha olgun bir format istiyorsunuz.
PNG/JPG'yi bugün WEBP'ye dönüştürün (AVIF yakında)
FAQ
- AVIF gerçekten WEBP'den %50 daha mı küçük?
- Karşılaştırmalarda evet — AVIF aynı görsel kalitede ortalama %20–50 daha küçüktür. Tam oran görsel içeriğine bağlıdır; fotoğraflar en çok yarar sağlar, basit grafikler en az.
- AVIF kodlaması neden bu kadar yavaş?
- AVIF, kare içi sıkıştırmayı birçok küçük blok boyutu optimizasyonuyla yapan bir video kodek'i olan AV1'i kullanır. Her "görsel" esasen tek bir AV1 anahtar karesidir — ve AV1 anahtar kareleri kodlanması hesaplama açısından ağırdır.
- AVIF iPhone'larda çalışır mı?
- iOS 16+ Safari'de AVIF'yi yerel olarak destekler. Eski iPhone'lar desteklemez.
- Hem AVIF hem WEBP göndermeli miyim?
- Maksimum kapsam ve kullanıcı başına en küçük dosya boyutu için evet — HTML <picture> kullanarak önce type="image/avif", sonra type="image/webp" ve geri dönüş olarak JPG/PNG kullanın. Modern görsel CDN'leri bunu otomatik yapar.
İlgili araçlar
- PNG'den WEBP'ye Dönüştürücü — Ücretsiz ÇevrimiçiPNG dosyalarını WEBP formatına ücretsiz çevrimiçi dönüştürün. Tarayıcıda çalışır, yükleme yok, kayıt yok, filigran yok. Hızlı PNG → WEBP dönüştürücü.
- JPG'den WEBP'ye Dönüştürücü — Ücretsiz ÇevrimiçiJPG dosyalarını WEBP formatına ücretsiz çevrimiçi dönüştürün. Tarayıcıda çalışır, yükleme yok, kayıt yok, filigran yok. Hızlı JPG → WEBP dönüştürücü.
- Resim Sıkıştırıcı — Ücretsiz Çevrimiçi JPG, PNG, WEBPJPG, PNG ve WEBP resimleri ücretsiz çevrimiçi sıkıştırın. Daha küçük dosya, aynı kalite. Yükleme yok, kayıt yok, tarayıcıda çalışır.