Ekipten zanaat, formatlar ve iyi bir sonucun arkasındaki küçük kararlar hakkında notlar.
AVIF dosya boyutunda PNG'yi neden bu kadar kesin yener
AVIF, kayipsiz dogruluk yerine algisal verimlilik için tasarlanan modern görüntü formatı üzerine kurulu. PNG ham piksel verisinde DEFLATE kullanir, ki bu kayipsizdir ama fotografik içerikte muazzam bir fazlaligi oldugu gibi birakir. AVIF o fazlaligi videodan ödünç alinan blok tahmini ile degistirir, insan görsel sisteminin fark etmedigi bilgiyi atar. Sonuç çarpicidir. 116 kilobayt'lik bir fotograf kalite 85'te kabaca 16 kilobayt'ye dönüsür ve saydam bir PNG genellikle esdeger bir WebP'ye karsi yüzde 30 ila 50 küçülür. Aralik yüksek çözünürlüklü fotograflarda genisler ve basit grafiklerde daralir. Saydam görüntüleri modern bir kitleye sunan her site için bant genisligi tasarrufu dogrudan daha hizli yüklemelere ve daha düsük çikis maliyetine dönüsür.
Alfa kanali hikayesi ayrintida
Hem PNG hem de AVIF saydamligi renk verisinin yaninda ayri bir saydamlık düzlemi olarak saklar. Bu çift PNG'nizi islediginde, çözücü renk piksellerini ve saydamlık maskesini bagimsiz olarak çikarir. Sonra yazim asamasi kendi saydamlık parçasiyla yeni bir dosya yazar, her iki düzlemi de kalite 85'te sikistirmak için modern sıkıştırma kullanir. Alfa renge pisirilmez ve bir arka plan dolgusuyla degistirilmez. Yumusak gölgeler, tüylü kenarlar ve kismen saydam degisimler hepsi sadik biçimde aktarilir. AVIF'in ekledigi tek bozulma saydamlık düzleminin kendisinde kayipli sikistirmadir, ki bu çok sert kenarlar etrafinda asiri yakinlastirmada zar zor fark edilir bir saçaklanma yaratabilir. Normal görüntüleme boyutlarinda ve kalite 85'te fark görünmez. Küçük boyutlarda piksel mükemmel simge isi için PNG'yi saklayin.
Pratikte dönüstürme hizi, tarayici tarayici
AVIF yazim modülü tarayici oturumu basina bir kez yüklenir, getirmek için yaklasik 800 milisaniye arti baslatmak için 300, böylece ilk dönüstürme kabaca bir saniyelik bir hazirlik tasir. Sicak islemler bunu tamamen atlar. Chrome masaüstünde 0.12 megapiksel yaklasik 40 milisaniye, 1 megapiksel yaklasik 250 milisaniye ve 8 megapiksel yaklasik 2.8 saniye alir. Firefox aykiri olandir, ayni islemi yaklasik dört kat daha yavas çalistirir, böylece 4K bir fotograf orada 30 saniye veya daha fazla alabilir. Safari'deki WebKit ikisinin arasinda, Chrome'a daha yakin oturur. Orta seviye mobil donanimda sayilar masaüstü Chrome'dan üç ila bes kat daha kötü çalisir. Büyük dosyalari sik dönüstürürseniz, masaüstü veya dizüstündeki Chrome en iyi verimi verir.
Dönüstürmek yerine PNG'yi ne zaman saklamali
PNG, dosya boyutu önemli oldugunda bile çesitli durumlarda dogru seçim olarak kalir. Ilk olarak, etiketler, rozetler ya da favicon boyutundaki simgeler gibi küçük boyutlarda keskin metinli grafikler AVIF'te tipik görüntüleme mesafelerinde kabul edilemez bozulmalar gösterebilir. Ikincisi, daha fazla düzenleme için kullanilan dogruluk kaynagi dosyalari PNG kalmalidir, çünkü kayipli bir formattan her geçis kalite kaybini biriktirir. Üçüncüsü, bazi belge düzenleyiciler, eski tasarim araçlari ve e-posta istemcileri dahil AVIF'i reddeden ortamlar birlikte çalisabilirlik için PNG'ye ihtiyaç duyar. Son olarak, ilk karenin ötesindeki canlandirma korunmaz, çünkü bu çift tek bir kareyi ele alir. Diger her sey için, modern web teslimine giden saydam fotograflar ve grafik varliklar, PNG'den AVIF dogru takastir.
Core Web Vitals ve bant genisligi argümani
Birincil yükleme metrigi olan Largest Contentful Paint, bir sayfadaki en büyük görüntünün boyutundan dogrudan etkilenir. O görüntüyü, gelistirmede bir 4K fotografta ölçüldügü gibi 116 kilobayt'den 16 kilobayt'ye düsürmek, sadece o öge için 10 Mbps baglantida aktarim süresini kabaca 93 milisaniyeden kabaca 13'e keser. Bunu bir ürün izgarasi, bir hero karuseli ya da saydam simgelerle dolu bir arayüz boyunca çarpin ve birikimli tasarruf LCP'yi Google'in iyi saydigi 2.5 saniye esiginin epeyce altina iter. AVIF benimsenmesi tam da argüman sert sayilarla yapilabildigi için hizlandi. Yaklasik yüzde 94.3 tarayici kapsamasinda, geri dönüs durumu fazladan picture ögesi isaretlemesinden daha az önemli olacak kadar küçüktür.
Bunun sıradan bir çevrimiçi dönüştürücüden farkı
Çoğu çevrimiçi AVIF dönüştürücüsü PNG'nizi denetlemediğiniz makinelere yükler, orada işler ve o sağlayıcının belirlediği, çoğu zaman belirsiz saklama ilkesi altında tutar. RoundCut kendi akışı konusunda açıktır. AVIF ağır olduğundan dönüştürme en iyi sonuç için sunucumuzda çalışır, sunucu kullanılamadığında tarayıcıdaki bir kodlayıcı otomatik yedek olarak devreye girer. Dosyanız bize gönderildiğinde dönüştürülür ve ardından yaklaşık 2 saat içinde kaldırılır, hesap gerekmez ve istediğiniz dönüştürme dışında hiçbir kullanım yoktur. Kalıcı saklama yoktur ve görüntünüz paylaşılmaz. Müşteri belgeleri, kendi ürün fotoğrafçılığınız veya kullanıcı içeriğiyle çalışanlar için bu takasın dürüst hali şudur: dosya sunucumuzdan geçebilir, yalnızca AVIF'inizi üretmek için işlenir ve orada kalmaz.