WordPress’te WebP Görselleri Nasıl Kullanılır? Görüntü Dosyası Boyutlarını %35’e Kadar Küçültün

WordPress sitenizi hızlandırmak istiyorsanız , resimlerinizin boyutunu azaltmanın yollarını bulmak, yatırımınızdan büyük bir getiri sağlar.

Ortalama olarak, resimler bir web sayfasının dosya boyutunun yaklaşık yarısını oluşturuyor, bu nedenle küçük geliştirmeler bile büyük sonuçlar sağlıyor.

WebP, görünüşlerini değiştirmeden resimlerinizin boyutunu küçültmenize yardımcı olabilecek modern bir resim formatıdır. Ortalama olarak, bir görüntünün WebP’ye nasıl dönüştürüleceğini öğrenmek, kalite açısından fark edilebilir bir kayıp olmaksızın boyutunu ~% 25-35 oranında küçültebilir.

WebP nedir?

Peki… WebP dosyası nedir? Özetle, WebP, Google tarafından geliştirilen bir görüntü formatıdır. Örneğin, JPEG veya JPG ve PNG gibi resim formatlarınız var, değil mi? WebP, görüntüler için alternatif bir dosya formatıdır.

WebP, aynı görüntü dosyasını yalnızca daha küçük bir dosya boyutuyla sunmaya odaklanmıştır. Görsel dosyalarınızın boyutunu küçülterek, aynı deneyimi web sitenizin ziyaretçilerine sunmaya devam edebilirsiniz ve siteniz daha hızlı yüklenir.

Örneğin, Google’ın WebP sıkıştırma çalışmasında Google, bir WebP resim dosyasının ortalama olarak:

• Karşılaştırılabilir bir JPEG görüntüsünden %25-34 daha küçüktür.
• Karşılaştırılabilir bir PNG görüntüsünden %26 daha küçüktür.

Bu nedenle, sitenizi PageSpeed ​​Insights üzerinden çalıştırıyorsanız, pek çok öneriden biri, WebP gibi yeni nesil biçimlerde resim sunmaktır:

Peki Google’ın WebP biçimi, dosya boyutunda bu küçültmeleri nasıl sağlar?

WebP hem kayıplı hem de kayıpsız sıkıştırmayı destekler. Bu nedenle kesin azalma, kayıplı veya kayıpsız sıkıştırma kullanmanıza bağlı olacaktır.

Kayıplı WebP sıkıştırmasıyla; WebP, dosya boyutunu küçültmek için “tahmini kodlama” adı verilen bir şey kullanır. Öngörülü kodlama, değerleri tahmin etmek için bir görüntüdeki komşu piksellerin değerlerini kullanır ve ardından yalnızca farkı kodlar. VP8 anahtar kare kodlamasına dayanır.

Kayıpsız WebP sıkıştırması Google ekibi tarafından geliştirilen çok daha karmaşık yöntemler kullanır.

Hangi Web Tarayıcıları WebP’yi Destekler?

WebP görüntülerinin çalışması için, bir ziyaretçinin web tarayıcısının bunları desteklemesi gerekiyor. Ne yazık ki, tarayıcı desteği çok artmış olsa da, WebP uyumluluğu hala evrensel değil.

WebP, aşağıdakiler gibi popüler tarayıcılar tarafından desteklenir:

• Chrome ( masaüstü ve mobil ).
• Firefox ( masaüstü ve mobil ).
• Edge.
• Opera ( masaüstü ve mobil ).

Internet Explorer ayrıca WebP desteğinden yoksundur. Edge için destek sorunu yoktur.

Toplamda, İnternet kullanıcılarının yaklaşık %77’si WebP’yi destekleyen bir tarayıcı kullanıyor. Bu yüzden kesinlikle çoğunluk desteğine sahip olsa da,% 23’ü göz ardı edilemeyecek kadar büyük bir oran.

WebP – JPG – PNG Boyut Karşılaştırması

Google’ın testlerine göre, WebP görüntüleri:

• Karşılaştırılabilir JPEG görüntülerden% 25-34 daha küçüktür.
• Karşılaştırılabilir PNG görüntülerinden% 26 daha küçüktür.

WordPress’te WebP Görselleri Nasıl Kullanılır

WebP resimlerini doğrudan WordPress’e yüklemek yerine, orijinal resimlerinizi WebP formatına dönüştüren ve ayrıca bir ziyaretçinin tarayıcısı WebP’yi desteklemiyorsa orijinal resmi yedek olarak sağlayan bir WordPress eklentisi kullanabilirsiniz .

Örneğin, sitenize bir JPEG dosyası yüklerseniz, eklenti:

• JPEG dosyasını WebP’ye dönüştürün ve Chrome, Firefox vb. İle gezinen ziyaretçiler için WebP sürümünü kullanın.
• Safari ve WebP’yi desteklemeyen diğer tarayıcılarla gezinen ziyaretçilere orijinal JPEG dosyasını gösterin.

Bu şekilde, herkes imajınızı görebilir ve herkes mümkün olan en hızlı deneyimi yaşar.