Yeni nesil görüntülere aşina olmayanlar için artılarını, eksilerini içeren ve neler yapabileceğinize dair bir makale hazırladık. Webp şu anda en popüler imaj dosya türüdür.
Resimleri, yeni nesil biçimde sunmanın tek dezavantajı; tüm tarayıcıların desteklememesidir.
Yeni Nesil Biçim Resimlerin Faydaları Nelerdir?
Bilgisayara âşina olan çoğu kişi resimler için jpg, jpeg, png, tiff ve bmp uzantılarını bilir. Jpg ve png web siteleri için oldukça popülerdir. Google Pagespeed, web sitesindeki görüntüleri sıkıştırmanızı ister. Böylece ortalama %20-40 arasında daha hızlı bir web sitesine sahip olursunuz. Mantıken dosya boyutları ne kadar düşük olursa görseller o kadar hızlı indirilecektir.
Yeni Nesil Biçim Görseller Nelerdir?
Webp, Avif, Jpeg 2000 ve Jpeg XR formatındaki görüntülerle daha da fazla sıkıştırma yapılabilirsiniz. İşte bu yüzden Google, “Resimleri yeni nesil biçimlerde yayınlayın” önerisinde bulunuyor. Aradaki fark dosyanın 2/3’üne kadar bile çıkabilir.
Yeni Nesil Biçim Resimlerin Dezavantajları Nelerdir?
Çoğu yeni tarayıcı ve en son sürümler yeni nesil resimleri destekler. Dolayısıyla, görüntüleri modern bir formatta göstermek istiyorsanız aslında her iki seçeneği de kullanmanız gerekecektir. Daha eski tarayıcılara sahip ziyaretçiler bilinen uzantı jpg veya png’yi görmelidir. Her iki seçeneği de sunmak ekstra bir iştir ve kodu html için uyarlamanız gerekir.
Çoğu kişi web sitesini daha hızlı hale getirmek için fazladan çalışmaya değip değmeyeceğini düşünür. Elbette herkes PageSpeed’de mümkün olan en yüksek puanı almak istiyor, Web Vitals, Google çekirdek güncellemesi ile daha önemli hale geldi. Sayfa hızı ve Web Vitals günümüzde SEO (arama motoru optimizasyonu) çalışmalarının önemli bir parçasıdır.
Son bir dezavantaj ise webp ve standart uzantılarının birlikte kullanılması yanıt süresinin artmasına ve dolayısıyla web sitenizin tekrar yavaşlamasına neden olabilmesidir. Bu nedenle modern görseller kullanmaya karar vermeden önce artılarını ve eksilerini göz önünde bulundurun.
Görüntüleri modern formatlarda sağlayın
WebP ve AVIF gibi resim biçimleri genellikle PNG veya JPEG’e kıyasla daha iyi sıkıştırma sağlar. Böylece indirme işlemleri daha hızlı tamamlanır ve veri tüketimi daha az olur. WebP, Google tarafından geliştirilmiş boyuttan tasarruf sağlayan bir resim biçimidir.
Ayrıca görüntüyü web sitesinde modern bir formatta görüntülemek istiyorsanız, görüntülerinizin örneğin Webp’ye dönüştürüldüğünden emin olmanız gerekecektir.
WordPress kullanıcıları için iyi bir haberimiz var. Gördüğünüz gibi, resimlerinizi otomatik olarak Webp’ye dönüştürebilen ve ayrıca web sitenizdeki html biçimlendirmesini ayarlayabilen eklentiler var. Bu, çok fazla iş tasarrufu sağlayabilir. WebP Express bu sorunu çözen başarılı bir eklentidir. Diğer bir wp eklentisi olan Imagify ile tüm resim formatlarını “.webp” formatına dönüştürebilirsiniz.
Bir resmi manuel olarak görüntülemek istiyorsanız, html’yi kendiniz ayarlamanız gerekecektir. Daha sonra web sitenizde her iki seçeneği de sağlamak için aşağıdaki html kurulumunu kullanabilirsiniz.
<picture>
<source srcset=”resim/seo.webp” type=”image/webp”>
<source srcset=”resim/seo.jpg” type=”image/jpeg”>
<img src=”resim/seo.jpg” alt=”search engine optimization”>
</picture>
Hangi görüntünün indirileceğini ve web sitesinde görüntüleneceğini tarayıcının kendisi seçer. Bu konuda bir şey yapmanıza gerek kalmayacaktır.
WordPress için Eklenti:
Yazı sonu, bir sonraki yazıda görüşmek üzere! 🙂