Ekipten zanaat, formatlar ve iyi bir sonucun arkasındaki küçük kararlar hakkında notlar.
AVIF fotoğraflarda WebP'yi neden geçer
AVIF'in WebP'ye karşı sıkıştırma üstünlüğü, altta yatan formato'ten gelir. WebP, video için tasarlanmış ama 2010'dan beri sabit görseller için kullanılan kare içi motorunu kullanır. AVIF'in arkasındaki formato olan modern bir format, ve 'ün sınırlarına tam olarak odaklanan yılların araştırmasından sonra 2018'de çıktı. modern bir format daha agresif renk altörneklemesi, 4'e 4 piksele kadar daha ince taneli blok bölümlemesi ve daha etkili bir entropi kodlayıcı uygular. Büyük fotoğraf test setlerinde analiziyle doğrulanan pratik sonuç, AVIF'in fotoğraflarda aynı algılanan kalitede WebP'den genellikle yüzde 20 ila 30 daha küçük olmasıdır. Düz renkli ve keskin kenarlı bilgisayar üretimi grafiklerde aradaki fark daralır, çünkü WebP'nin daha basit algoritması bu desenleri verimli işler. En ağır varlıkları fotoğraf olan herhangi bir sayfa için AVIF yükseltmesinin ölçülebilir bir bant genişliği etkisi vardır.
İkinci kayıplı geçiş pratikte
Bir WebP'yi AVIF'e dönüştürdüğünüzde hem kaynak hem çıktı kayıplıdır. WebP kaydı, WebP ilk oluşturulduğunda hangi renk bilgisinin atılacağına çoktan karar verdi ve bu kararlar kalıcıdır: AVIF'e dönüştürmek bunların hiçbirini geri getiremez. Sonra AVIF kaydı, aldığı piksel verisi üzerinde kalite 85'te kendi kararlarını verir. Fotoğraflar için iki kayıplı geçişin birleşik etkisi tipik görüntüleme boyutlarında hâlâ gözle neredeyse kayıpsızdır, gerçek fotoğraf içeriğinde ölçer. WebP kaydı tarafından çoktan bozulmuş grafikler için ikinci geçiş görünür bozulmaları üst üste koyabilir. Pratik kural: kaynak WebP, göstermeyi planladığınız boyutta temiz görünüyorsa AVIF de öyle görünür. WebP zaten sıkıştırma gürültüsü gösteriyorsa, göndermeden önce AVIF'i dikkatle inceleyin.
Alfa kanalı nasıl geçer
Hem WebP hem AVIF saydamlığı, renk verisinin yanında ayrı bir alfa düzlemi olarak kaydeder. Dönüştürme, WebP'nin alfa kanalını okur, tam saydamlıkta birleştirir, sonra onu AVIF kaydına teslim eder. Bu da kalite 85'te modern bir format kare içi kodlama kullanarak kendi alfa parçasını yazar. Yumuşak saydamlık geçişleri, tüylenmiş kenarlar ve kısmen saydam alanlar bu gidiş dönüşten sağ çıkar. AVIF alfa düzlemi kalite 85'te kendisi kayıplıdır, bu da aşırı yakınlaştırmada keskin kenarlarda zar zor algılanan bir saçaklanma sokabilir. Web'de normal görüntüleme boyutlarında kaynaktan fark görünmez. Alfa kenarının tam olması gereken küçük simgelerde piksel mükemmel iş için WebP kaynağını tutun ve göndermeden önce çıktıyı tam yakınlaştırmada doğrulayın.
Tarayıcılar ve cihazlar arası kayıt süresi beklentileri
AVIF hazırlığı tarayıcı oturumu başına bir kez ısınır, ilk dönüştürmeye yaklaşık bir saniye ekler. Bundan sonra Chromium en iyi verimi verir: 0,12 megapiksellik bir küçük resim için kabaca 40 milisaniye, 1 megapiksellik bir fotoğraf için 250 milisaniye, 4K bir fotoğraf için 2,8 saniye ve gözlenen en kötü durumda tam 48 megapiksellik bir görsel için 25 saniye. Firefox dikkat çeken aykırı değerdir, aynı hazırlığı yaklaşık dört kat daha yavaş çalıştırır, bu da 4K durumunu 31 saniyeye ve büyük dosyaları iki dakikanın ötesine taşır. WebKit ikisinin arasında oturur, Chromium'a daha yakındır. Mobil donanım tüm motorlarda masaüstünden 3 ila 5 kat daha yavaş çalışır. Rutin dosya dosya dönüştürme için masaüstü ya da dizüstünde Chrome pratik araçtır. Büyük görselli Firefox kullanıcıları için dürüst tavsiye tarayıcı değiştirmek ya da WebP'de kalmaktır.
Çekirdek Web Verileri ve AVIF yükseltmesi
Fotoğraf sunan sayfalar, yüklenen her görsel için bir bant genişliği maliyeti öder. Bu görseller şu anda WebP ise, onları AVIF'e dönüştürmek fotoğraflarda görsel başına aktarımı kabaca yüzde 20 ila 30 azaltır. WebP kahraman görseli olan bir sayfada AVIF bunu kabaca 140 ila 'ye getirir. Her biri 'lik on iki WebP küçük resmi olan bir ürün ızgarasında AVIF toplam sayfa ağırlığından kabaca 70 ila tasarruf eder. Bu tasarruflar, LCP öğesi bir görsel olduğunda Largest Contentful Paint'i doğrudan etkiler. AVIF için yaklaşık yüzde 94 küresel tarayıcı desteğiyle, WebP yedeğiyle önce AVIF sunan bir picture öğesi neredeyse tüm trafiği kapsar. İşaretleme maliyeti görsel bileşeni başına bir kez ödenir ve bant genişliği tasarrufu sonraki her sayfa yüklemesinde tekrar eder.
AVIF dönüşümü neden bir sunucuya yaslanır
AVIF, modern videonun kullandığı aynı aileden olan modern bir format kodek üzerine kuruludur ve kompakt dosyalar karşılığında üretilmesi bilerek ağırdır. Bu işi iyi yapmak, özellikle büyük fotoğraflarda, gerçek bir sunucuda bir telefonun tarayıcısından çok daha hızlı ve güvenilirdir, bu yüzden bu ikili olabilecek en iyi AVIF'i üretmek için görseli sunucumuza gönderir. Dosya işlenir ve sonuç size geri döner, indirme yaklaşık 2 saat içinde kaldırılır, hesap olmadan ve uzun süreli saklama olmadan. Birden çok görseli bir kerede dönüştürmek her zaman sunucuda çalışır, bitmiş seti tek bir indirmede toplar, aynı kısa sürede silinir. Sunucumuza ulaşılamazsa, tek bir dönüşüm bunun yerine tarayıcıda üretilmeye başlar, o dosya yerelde kalır, kolaylık için daha yavaş bir üretimi kabul eder. Takas açıktır: sunucu, buna en çok ihtiyaç duyan biçimde kalite ve hız satın alır ve dosyanız dönüşümün aldığı kısa pencerenin ötesinde asla tutulmaz.