WebP'den AVIF'e

AVIF'in WebP'den neden sürekli olarak daha iyi performans gösterdiğini kavramak için temel video kodlama mimarilerinin temel yeteneklerini karşılaştırmak gerekir. WebP, kare içi tahmini katı 16x16 makrobloklarla (en fazla 4x4 parlaklık bloklarına bölünmüş) sınırlayan ve yalnızca dört temel uzamsal tahmin yönüne (DC, Dikey, Yatay ve TrueMotion) dayanan Google'ın VP8 video kodekine dayanır. İnce aydınlatma geçişleri, narin sis veya doğrusal olmayan gölgeler içeren karmaşık fotoğrafik sahnelerde bu katı uzamsal ızgara, kodlayıcıyı ince dokuları atmaya ve görünür blok sınırları oluşturmaya zorlar.

Buna karşılık AVIF, ISO/IEC 23000-22 altında tanımlanan modern AV1 video standardından güç alır. AV1, katı blok şemalarını bir kenara bırakarak yerel uzamsal entropiye dayalı olarak kareleri 128x128 süper bloklardan 4x4 alt bloklara kadar ayrıştıran dinamik özyinelemeli bölümlendirmeyi benimser. Dört temel tahmin açısı yerine AV1, kodlayıcının eğri organik konturlar boyunca olağanüstü matematiksel doğrulukla degradeler sentezlemesine olanak tanıyan 56 yönlü kare içi tahmin açısı kullanır.

Dahası AV1; VP8 tasarlandığında mevcut olmayan gelişmiş döngü içi filtreleme mekanizmaları içerir: Kısıtlı Yönlü Geliştirme Filtrelemesi (CDEF) ve doğrusal olmayan Döngü Restorasyonu. Bu filtreler kenar yönelimlerini tanımlar ve keskin dokusal hatları bulanıklaştırmadan nicemleme çınlamalarını ortadan kaldırır. Sonuç, WebP'nin şiddetli sıkıştırma gürültüsü sergilediği bit hızlarında ipeksi pürüzsüzlükte geçişleri, canlı gölge doygunluğunu ve dokunsal kumaş dokularını koruyan yeni nesil bir formattır.

Aylık yüz milyonlarca görsel gösterimi sunan modern web uygulaması mimarilerinde ve küresel medya yayıncılık platformlarında WebP'den AVIF'e geçiş muazzam finansal ve teknik getiriler sağlar. Bulut çıkış bant genişliği ücretleri (AWS CloudFront, Cloudflare, Fastly ve Akamai gibi sağlayıcılardan), aktarılan bayt hacimleriyle doğrudan ölçeklenir.

Zaten optimize edilmiş bir WebP medya kitaplığından ek %20 ila %35 oranında tasarruf etmek her ay terabaytlarca ortadan kaldırılan veri aktarımı anlamına gelir. Dahası mobil hücresel ağlarda (paket kaybı ve gidiş-dönüş gecikmesinin kullanıcı deneyimini düşürdüğü durumlarda), görüntü ağırlıklarını küçültmek HTTP/2 ve HTTP/3 çoğullanmış akışlarının daha hızlı çözülmesini sağlar; bant genişliği çekişmesini ortadan kaldırır ve mobil e-ticaret vitrinlerinde ilk oluşturma süresini hızlandırır.

Bir kayıplı formattan (WebP) diğer bir kayıplı formata (AVIF) dönüştürme yaparken kritik bir mühendislik hususu, kuşak kaybını azaltmaktır. Bir görüntü başlangıçta WebP olarak sıkıştırıldığında belirli yüksek frekanslı uzamsal frekanslar atılır. Bu varlık daha sonra kodu çözülüp agresif bir kayıplı kodlayıcıyla yeniden kodlanırsa, ikincil kodlayıcı ince VP8 sıkıştırma bozulmalarını meşru görüntü özellikleri olarak değerlendirebilir ve paraziti korumak için baytları boşa harcayabilir.

Dönüştürücümüz bunu yüksek hassasiyetli dahili kod çözme ve akıllı AV1 nicemleme ayarı ile önler. Tarayıcının yerel sunum kod çözücüleri, WebP bit akışını açarak donanım belleğinde sıkıştırılmamış 32-bit kayan noktalı veya tamsayılı RGBA piksel arabelleğine dönüştürür. AV1 kodlama geçişi sırasında motorumuz uyarlamalı algısal nicemleme eğrileri ve CDEF filtrelemesi uygular; otantik kenar kontrastını korurken zayıf VP8 nicemleme çınlamalarını etkili bir şekilde düzeltir. Bu sayede WebP varlıklarınızı AVIF'e yeniden kodlamak, görsel bozulmayı katlamadan önemli dosya ağırlığı azalmaları sağlar.

Hem WebP hem de AVIF tam 8-bit alfa kanalı şeffaflığını (256 farklı opaklık seviyesi) destekler. WebP'de şeffaflık RIFF kapsayıcısı içinde özel bir `ALPH` bloğunda kapsüllenir. AVIF'te ise şeffaflık ISOBMFF kutu yapısı içinde bağımsız bir yardımcı monokrom görüntü öğesi (`auxl`) olarak işlenir.

Şeffaf WebP grafiklerini dönüştürürken (hareketli marka logoları, e-ticaret ürün dekapajları veya arayüz modal vurguları gibi), motorumuz sıkıştırılmamış alfa maskesini çıkarır ve AV1'in yönlü tahminini kullanarak AVIF yardımcı alfa düzlemine kodlar. Yumuşak gauss alt gölgeleri, yarı saydam cam efektleri ve kenarları yumuşatılmış kavisli sınırlar sorunsuzca geçiş yapar; dinamik açık ve koyu UI temaları genelinde kusursuz kenar doğruluğunu korur.

Google'ın arama indeksleme algoritmaları sayfa performansını Core Web Vitals sinyallerini kullanarak sürekli olarak değerlendirir; Largest Contentful Paint (LCP) görsel oluşturma hızı için birincil kriter olarak hizmet eder. Google Lighthouse denetimleri, 'Görselleri verimli şekilde kodlayın' denetimi altında görsel kodlama verimliliğini açıkça değerlendirir.

WebP daha önce bu denetimlerden yüksek puanlarla geçmiş olsa da, modern Lighthouse motorları potansiyel bayt tasarruflarını AVIF temel çizgilerine göre değerlendirir. Ekranın üst kısmındaki hero afişlerinizi WebP'den AVIF'e yükseltmek kalan Lighthouse uyarılarını ortadan kaldırır, LCP metriğinizi saniyenin altındaki elit yeşil seviyeye iter ve rekabetçi arama sonuçlarında web sitenizin organik görünürlüğünü korur.

Dijital varlık havuzunuzu sistematik olarak AV1 standardına yükseltmek için bu kanıtlanmış modernizasyon iş akışını takip edin:

Adım 1 - Boyut Denetimi: Mevcut WebP görselleriniz gerçek arayüz yerleşim kapsayıcılarınızdan daha büyük boyutlarda işlendiyse, [Görsel Boyutlandırma](/tr/tools/image/resize/) aracımızı kullanarak bunları kesin görüntüleme kırılma noktalarına küçültün.

Adım 2 - Yeni Nesil Kod Dönüştürme: AV1 yönlü kare içi sıkıştırmanın kilidini açmak ve dosya ağırlığını ek %20 ila %35 oranında azaltmak için varlığı bu [WebP'den AVIF'e Dönüştürme](/tr/tools/image/convert-webp-to-avif/) aracından geçirin.

Adım 3 - Bant Genişliği Doğrulaması: Görsel kayıp olmadan optimum veri sıkıştırmasını doğrulamak için gerçek zamanlı bayt tasarruflarını inceleyin.

Adım 4 - Çift Formatlı HTML Dağıtımı: Standart HTML `<picture>` işaretlemesini kullanarak yeni AVIF varlıklarınızı orijinal WebP'lerinizin yanında dağıtın; modern istemcilere ultra kompakt AVIF sunarken eski kurumsal tarayıcılar için WebP'yi bir geri dönüş olarak koruyun.