WebP uzantısının, diğer görsel formatlarına nazaran sunduğu avantajlar nedeniyle birçok site sahibi görselleri yüklerken WebP formatında yüklemeyi tercih etmektedir. Özellikle JPEG, PNG, GIF vb. uzantılara göre nasıl avantajları var yazımızın ilerleyen bölümlerinde bahsedeceğiz. Genellikle kullandığımız güzel ve etkileyici görüntüler, kötü sayfa hızına sebep olan önemli durumlardan bir tanesidir. Resimleri yanlış bir şekilde kırpmak, biçimlendirmek ve sıkıştırmamak, web sitesi sayfanızın ziyaretçilerine ve aramalarda olumlu sıralamalara mal olabilir. Sadece bu da değil, insanların siteye girdiklerinde karşılaştıkları yavaşlık nedeniyle olumsuz bir etki bırakabilir tekrara o kullanıcıyı sitenizde görememenize yol açar.
Görüntüler genellikle yavaş yüklenen web sayfalarının en büyük nedenlerinden biri olarak sayılmaktadır. Bir diğer olumsuz durumdan bahsedecek olursak bu resimler sadece yükleme süresini yavaşlatmakla kalmazlar, aynı zamanda sunucunuzda çok fazla yer ve kaynak kullanabilirler. Dosya türünü dikkatlice seçmek ve sıkıştırmak, yükleme hızının düşürülmesine yardımcı olur, ancak bunlar yalnızca görüntünün kalitesi düşmeden önce optimize edilebilir. Peki bunu nasıl yapacağız diye soracak olursanız, yazımızı tamamını okuyarak bilgi edinebilirsiniz.
İçindekiler
WebP nedir?
WebP, diğer resim formatları gibi Google’ın web için özel olarak tasarlanmış bir tarama resim biçimi olarak geçmektedir. Özellikle site hızı artırmak için tercih edilen bu format Web tasarımcılarının daha küçük dosya boyutlarında daha zengin görüntüler göstermesine olanak tanıyan kayıpsız sıkıştırma sağlar. WebP kayıplı görüntüleri, görüntüyü kodlayarak daha az boyutlu ve özel bir dosya biçimi sunmak için tasarlanmıştır. Bununla, değerleri tahmin etmek için piksellere bakarak dosya boyutlarını küçültür ve ardından yalnızca farklılıkları kodlar. JPEG dosyasına göre karşılaştırma yapacak olursak görüntüden % 34’e kadar daha küçük bir WebP dosyasına sahip oluruz.
Mutlaka göz atın => SEO Uyumlu Makale En İyi Nasıl Yazılır?
WebP Kullanmanın Yararları
Site sahiplerinin ilk tercih ettiği görüntü formatı olan WebP’nin ana avantajı, küçük dosya boyutudur diyebiliriz. Bununla, web sayfalarınız daha hızlı yüklenecek ve sunucunuzdan daha az kaynak kullanacaksınız. Bu aynı zamanda, ziyaretçileriniz onları destekleyen bir tarayıcı kullanıyorsa, sunucunun mevcut yüküne eklemeden daha büyük resimleri daha renkli kullanabileceğiniz anlamına gelir. Her bir piksel ve kb için endişelenmeden, resimleriniz için düzenlerinizde daha küçük alanlar kullanmak konusunda büyük avantajlara sahip olabileceksiniz. Bununla birlikte insanların sizin sitenizden alacak olduğu resimleri indirdiklerinde herhangi bir siteye yükleme yapamayacaklar. Jpeg. Png ya da başka formatta yer almadığı için aslında kopya görüntünün de önüne geçmiş olacaksınız.
Eklenti Kullanarak WebP Görüntüleri Ekleme
Her bir eklediğiniz resmi tek tek WebP dosyasına dönüştürmek büyük oranda vakit kaybı yaşatacağı bunu bir eklentiye yaptırmak oldukça önemlidir. Size vermiş olduğumuz en iyi WEbP dönüştürücü eklentilerinden birini kullanarak kolayca görsellerinizi WebP eklentisine dönüştürebilirsiniz. Sizin yapmanız gereken ise normal resimlerinizi JPEG veya PNG formatlarında yükleyeceksiniz daha sonra eklenti, resimleri ziyaretçilerinize sunmak için bu dosyaları WebP’ye dönüştürererek sitenin hızını iki katına çıkartacaktır.
ShortPixel
WebP formatına dönüştürebileceğiniz ücretsiz eklentilerden ilki ShortPixel Image Optimizer yani JPEG, PNG veya GIF’i WebP’yi sizler için WebP eklentisine dönüştürmeye yarayan eklenti olarak adlandırabiliriz. Hem kayıplı hem de kayıpsız sıkıştırma kullanma özelliği bulunmaktadır. Ayrıca, WebP önbellek eklentileriyle de çalışır. Görüntüleyebilen tarayıcılara WebP görüntüleri ve göremeyenlere diğer biçimleri sağlamasıyla bilinmektedir.
WebP Express
Bir diğeri ise WebP Express , JPEG’lerin yarısından daha az boyutta görüntüler üreten ücretsiz bir eklentidir. Bunun görevi diğerlerinden daha farklı olup JPEG ve PNG’leri bir görüntü dönüştürücüye veya önceden dönüştürülmüş görüntüye yönlendirir. Ortamlar, galeriler ve CSS ile referans verilen tema resimleri ile ile çalışma imkanı sunar.