AVIF

AVIF (AV1 Görüntü Dosyası Biçimi), AV1 video codec'inden türetilmiş modern bir görüntü biçimidir. 2019'da standartlaştırılmıştır. Eşdeğer görsel kalitede WebP'den %20-30 daha küçük dosya boyutu sağlar.

WebP gibi AVIF de kayıplı ve kayıpsız modları, tam alfa (şeffaflık), animasyon, HDR ve geniş renk aralıklarını destekler. WebP'den farklı olarak kodlaması pahalıdır — kodlayıcılar aynı girdi için eşdeğer WebP kodlamasından 10 ila 100 kat daha uzun süre alabilir. Kod çözme hızlıdır (AV1 video kod çözücüsü iyi optimize edilmiştir; son işlemciler ve GPU'larda donanım hızlandırmayı içerir).

2026 itibarıyla tarayıcı desteği küresel olarak yaklaşık %93'tür. Chrome 2020'den, Firefox 2021'den, Safari 2022'den bu yana AVIF'i desteklemektedir. Eski Android ve Apple cihazlar hâlâ dışarıda kalmaktadır.

AVIF'in kodlama maliyetine değdiği durumlar:

• Sayfa ağırlığının kritik olduğu görüntü ağırlıklı siteler — e-ticaret hero görselleri, galeri siteleri, haber medyası.
• CDN üzerinden sunulan görseller; kodlama yükleme sırasında yalnızca bir kez gerçekleşir.
• Ölçülü bağlantılarda öncelikli mobil kitleler — %20-30'luk bant genişliği tasarrufu birikir.

Çoğu iş akışında WebP daha kolay bir varsayılandır; AVIF ise zaten birden fazla format varyantı üreten ve bunları <picture> geri dönüşü ile sunan bir derleme ardışık düzeniniz olduğunda değerli bir optimizasyondur.

Çalışılmış örnek

Modern bir akıllı telefondan 4000×3000 piksellik bir fotoğraf alın. Kameradan çıkan orijinal JPEG, 85 kalitede yaklaşık 4,2 MB'tır. Aynı görüntüyü WebP 80 kaliteyle (görsel olarak eşdeğer) yeniden kodlamak yaklaşık 2,8 MB'a iner — %33'lük tasarruf. AVIF 60 kaliteyle (AVIF'in kalite ölçeği daha düşük numaralı olduğu için hâlâ görsel olarak eşdeğer) yeniden kodlamak yaklaşık 1,9 MB'a iner — JPEG'e kıyasla %55, WebP'ye kıyasla %32 tasarruf. Kodlama süresi diğer yarıyı anlatır: modern bir dizüstü bilgisayarda JPEG yaklaşık 50 ms'de, WebP yaklaşık 300 ms'de, AVIF ise yavaş-ama-yüksek-kalite ön ayarında yaklaşık 3-8 saniyede kodlanır. Kod çözme süreleri her üçünde de yaklaşık olarak eşdeğerdir. Bir milyon sayfa yüklemesinde görüntülenen tek bir hero görseli için kodlama maliyeti yalnızca bir kez amorti edilir; anında dönüştürülen bir kullanıcı yükleme galerisinde AVIF pratik olmayabilir.

Ne zaman ve neden önemlidir

AVIF, bant genişliği maliyetleri (CDN çıkışı, mobil kullanıcı veri kotaları, Temel Web Vitalleri) kodlama süresini aştığında önem taşır. En yaygın dağıtım, yükleme sırasında bir kez AVIF + WebP + JPEG varyantları üreten ve en iyi desteklenen biçimi her istek için <picture> öğesi aracılığıyla sunan bir derleme zamanı ardışık düzenidir (Next.js Image, Cloudflare Polish, ImageKit). Largest Contentful Paint (LCP) ile ölçülen siteler için — Google'ın arama sıralamasına dahil ettiği bir Temel Web Vitalleri metriği — hero görsel ağırlığının %30'unu azaltmak, mobil cihazdaki skoru doğrudan iyileştirir. AVIF'ten vazgeçin: geniş eski tarayıcı desteğine ihtiyacınız varsa (iPad'deki 2022 öncesi Safari hâlâ başarısız olur), bir kuyruk olmadan anında küçük resim oluşturuyorsanız (kodlama gecikmesi yanıtı engeller) veya varlık zaten küçükse (50 KB'ın altında mutlak tasarruf önemsizdir). Referans: web.dev — Görüntüleri sıkıştırmak için AVIF kullanın.

Açık Medya Birliği — neden AVIF patent açısından temizdir: AVIF'in ana codec'i AV1, AOMedia (Google, Mozilla, Cisco, Intel, Microsoft, Netflix, Amazon, 2018 itibarıyla Apple) tarafından, patent lisanslaması birden fazla havuza yayılarak ticari olarak toksik hale gelen HEVC'ye telif ücretsiz bir alternatif olarak açıkça geliştirilmiştir. AVIF, AV1 patent iznini miras alır: herhangi biri lisans ücreti ödemeden AVIF'i uygulayabilir, dağıtabilir ve sunabilir. Arşivleme için tartışmasız daha iyi araçlara sahip rakip modern bir biçim olan JPEG XL, belirsiz patent konumları nedeniyle tarayıcılarda durağanlaşırken, AVIF'in temiz izni benimsenmesini hızlandırdı.

Önerilen <picture> sıralaması: önce AVIF (en iyi sıkıştırma), sonra WebP (daha geniş destek), son olarak JPEG/PNG (evrensel geri dönüş) sunun. Tarayıcı desteklenen ilk biçimi seçer ve diğerlerini hiç indirmez. <picture><source type="image/avif" srcset="hero.avif"><source type="image/webp" srcset="hero.webp"><img src="hero.jpg" alt="..."></picture>. Yaygın hatalar: type= niteliklerini unutmak (tarayıcı ayrıştırmadan atlayamaz) veya AVIF kaynağından önce <img> geri dönüşünü koymak (tarayıcı ilk eşleşmede durur). İlgili: kroma alt örnekleme. Referans: AVIF Spesifikasyonu — AOMedia.