Google web teknolojileri konusunda devamlı yeni teknolojiler geliştirerek webi daha hızlı ve güvenilir bir hale getirmeye çalışıyor. WebP'de daha hızlı bir web için yola çıkılmış bir teknoloji. 

Web Profu her hafta e-postanızda. Ücretsiz abone olmak için tıklayın.


Web için yeni bir resim formatı

WebP modern bir resim formatıdır. Diğer resim formatlarına göre çok daha iyi bir sıkıştırma sağlarken, resim kalitesinden tam tersine o kadar az bir kayıp sağlar. WebP kullanarak web geliştiriciler daha küçük ve zengin resim dosyaları oluşturabilirler.

WebP, PNG'ye göre %26 daha küçük resim dosyaları oluşturmanızı sağlar. JPEG resim formatına göre ise %25-34 daha küçük ama aynı kalitede resimler oluşturabilmenizi sağlar. Web tasarımı ve SEO için daha küçük boyutlu resimler daha hızlı yüklenebilir web siteleri demek olduğu için önemlidir.

Diğer formatlar hakkında daha detaylı bilgi almak için SVG, PNG ve JPG Karşılaştırması isimli yazıyı inceleyebilirsiniz.
 

WebP nasıl çalışıyor?

WebP resim dosyalarını sıkıştırmak için öngörümsel kodlama (redictive coding) algoritmasını kullanır. Öngörümsel kodlama komşu blokdaki pixeller arasındaki farkları kodlar. 

Teknik olarak daha detaylı bilgi almak için aşağıdaki yazıyı inceleyebilirsiniz.
WebP Compression Techniques in Detail


WebP desteği

WebP Google Chrome ve Opera tarayıcıları tarafından desteklenmektedir. Ayrıca bir çok geliştirici gerekli desteği resim düzenleme uygulamalarına eklediler. 

WebP içerisinde encode/decode kütüphanesi olan libwebp kütüphanesini ve resimleri dönüştürmek için kullanılan cwebp, dwebp komutlarını barındırır. 

Tüm kaynak koda aşağıdaki linkten erişebilirsiniz.
https://developers.google.com/speed/webp/download


WebP çeviriciyi indir

İstediğiniz resim formatını WebP'ye çevirmek için cwebp komutunu kullanabilirsiniz. Bunun için aşağıdaki adresten komutu indirebilirsiniz.

https://developers.google.com/speed/webp/docs/precompiled


Tarayıcının WebP desteğine sahip olduğunu nasıl anlayabiliriz?

WebP formatını destekleyen tarayıcılarda webP, desteklemeyen tarayıcılarda ise diğer resim formatlarını kullanabilirsiniz. Hem sunucu hemde istemci taraflı WebP desteğini anlayabilmek için bir çok teknik bulunmaktadır. Hatta bazı CDN sağlayıcılar direk WebP desteği tanıma servisleri sunmaktadırlar.

Daha detaylı bilgi için aşağıdaki yazıyı inceleyebilirsiniz.
Frequently Asked Questions About WebP


Daha fazla kaynak;

Görüşlerini Paylaş

Benzer Web Geliştirme Araçları Yazıları