Resimsiz bir web sitesi nedir, değil mi? Evet, birçok web sitesini yüklerken resimlerin biraz daha uzun sürdüğünü fark etmiş olmalısınız. Bunun nedeni resimlerin boyutlarının daha büyük olmasıdır. Son birkaç yılda WebP, JPEG formatından %30 daha küçük olduğu için liderliği ele geçirdi. Bu önemlidir, çünkü artık Google’ın web hayati faktör arama algoritmasının bir parçasıdır. Bu alanda çok daha fazla gelişme oldu. Alliance for Open Media, JPEG’den %50 daha küçük olan AV1 (.avif) formatını piyasaya sundu. Formatı Chrome, Firefox ve Edge gibi tarayıcılarınızda etkinleştirebilirsiniz.
AVIF formatı, Alliance for Open Media tarafından Google, Cisco ve Xiph.org ile işbirliği içinde geliştirilmiştir. İyi yanı, açık kaynaklı bir format olması ve dolayısıyla herhangi bir yetki gerektirmemesidir. Öte yandan, JPEG’in kullanılması için bazı pahalı lisanslar gerekir.
AVIF formatına geri dönersek, bunun yerine süper sıkıştırılmış bir görüntüdür ve dosya boyutu oranını sıkıştırmak için daha yüksek kalite sunar. Herhangi bir görüntü codec bileşenini veya GIF’leri desteklemek gibi başka özellikler de vardır. Ayrıca kayıplı veya kayıpsız olabilir. Ayrıca daha iyi parlaklık, renk derinliği ve renk gamlarıyla HDR rengini de destekler.
Chrome Edge ve Firefox’ta AVIF veya AV1 desteği nasıl etkinleştirilir?
Bu biçim piyasada yenidir ve bu nedenle pek çok kişi bundan haberdar değildir. Ana akım haline gelmeden önce kuşkusuz biraz zaman alacaktır. Ama tarayıcınızda var ve kullanıma hazırlar. varsayılan seçenek haline gelmeden önce zaman var, ancak bu sabırsızlıkla beklenebilir.
Chrome’da sürüm 85 zaten etkinleştirilmiştir, ancak Firefox sürüm 80’de etkinleştirilmesi gereken bir bayrağa ihtiyaç vardır. Firefox’ta etkinleştirmek için aşağıdaki adımları takip edebilirsiniz,
- Tarayıcınızdaki yeni bir sekmede, arama çubuğuna
about:configyazın ve yapılandırma panelini açmak için enter tuşuna basın. image.avif.enabledözelliğini bulmak için listeyi kontrol edebilirsiniz.- Varsayılan olarak false olarak ayarlanmıştır, değeri true olarak değiştirmeniz gerekir.
Web Siteleri bunu nasıl uygulayabilir?
Web sitesi sahiplerinin bunun için HTML kodlarını değiştirmeleri gerekecek. Tasarımcının, geri dönüşü işlemek için yerel HTML kodunun resim öğesini kullanması gerekir. Bu şekilde, tarayıcı yeni formatı desteklemiyorsa, tarayıcı belirtilen diğer formata geçebilir.
AVIF dosyası nasıl oluşturulur?
Bir AVIF dosyası oluşturmak, Squoosh web uygulaması kullanılarak kolayca yapılabilir. Bu uygulama, Google Chrome Labs ekibi tarafından desteklenmektedir. Uygulamadaki tüm görüntü sıkıştırıcılar için gelişmiş seçeneklere de ulaşabilirsiniz. Bu, diğer ana formatlardan AVIF formatına dönüştürmenize yardımcı olur. İnce ayar yapmak için birkaç görüntünüz olduğunda bununla devam edebilirsiniz. Ancak ağır yük dönüştürme için AVIF dosyalarını kodlamak/kodunu çözmek için AOMedia kitaplığı olan libavif’i kullanmanız gerekebilir. Ayrıca, MAC kullanıcıları için, Homebrew kullanarak aynı şeyi yapmanız gerekecek ve gerekli kodu kullanarak önceden oluşturulmuş bir sürümü kurabilirsiniz (brew install joedrago/repo/avifenc).
AVIF formatı, günümüzde mevcut olan diğer ana formatlara kıyasla daha verimli görünüyor. Web sitesi yükleme hızını iyileştirmesinin WebP formatından devralması bekleniyor. WebP çok zaman aldı, ancak bunun nedeni hızın hiçbir zaman önemli olmamasıydı.
