İş görsellere geldiğinde hemen hemen hepimizin JPEG, PNG ve GIF gibi dosya formatları hakkında bilgisi var. Özellikle akıllı telefonların çektikleri görsellerin bu tür dosya formatlarıyla depolanması (iPhone, görsellerde HEIC dosya formatı kullanır) hemen hemen herkesin bu dosya formatlarını daha da yakından tanımasına yol açtı. Ancak iş web sitesi ile ilgili görsellere gelince biraz farklılaşabilir.
WebP nedir?
WebP, Google tarafından geliştirilen bir dosya formatıdır. JPEG, PNG veya GIF resim biçimlerine kıyasla daha küçük boyutta veya daha iyi görünen resimler oluşturmak için tasarlanmıştır. WebP formatı Eylül 2010’da duyurulmuştur ve destek kütüphanesi Nisan 2018’de 1.0 sürümüne ulaşmıştır.
WebP Google tarafından şu şekilde tanımlanır: “WebP, web üzerindeki görüntüler için üstün kayıpsız ve kayıplı sıkıştırma sağlayan modern bir görüntü formatıdır. WebP’yi kullanarak web yöneticileri ve web geliştiricileri, web’i daha hızlı hale getiren daha küçük, daha zengin görüntüler oluşturabilir.” (Kaynak)
WebP, VP8 ile veri akışı uyumludur ve genişlik ve yükseklik için 14 bit kullanır. Bir WebP görüntüsünün maksimum piksel boyutları 16383 x 16383’tür.
Sorular
Photoshop ile WebP görsel üretmek mümkün mü?
Adobe Photoshop programının 23.2 sürümü ve sonrasının WebP dosya formatı için tam desteğe sahip olduğu belirtilmiştir. Ancak programı kullanırken hazırladığınız görseli WebP olarak kaydetmek (export) için harici bir eklenti yüklemeniz gerekiyor.
Bu eklentiyi indirmek için aşağıdaki bağlantıları kullanın:
- macOS: https://github.com/webmproject/WebPShop/releases/download/v0.3.3/WebPShop_0_3_3_Mac_Universal.zip
- Windows (x64): https://github.com/webmproject/WebPShop/releases/download/v0.3.3/WebPShop_0_3_3_Win_x64.8bi
Eklentiyi nasıl kuracağınız ile ilgili buraya tıklayarak talimatları takip edin.
JPEG ve PNG gibi dosya türlerinden farkı nedir?
WebP kayıpsız görüntülerin boyutu PNG’lere kıyasla %26, JPEG görüntülerden ise %25-34 daha küçüktür. WebP kayıplı görüntüler, eşdeğer SSIM kalite indeksindeki karşılaştırılabilir.
SEO bakımından WebP dosya formatı
Web sitelerinde kullanılan görseller zamanla web sitesi hızını etkiler ve yavaşlamaya sebep olur. Örneğin sayfa hızı testi yaptırdığınızda çoğu görselin sitenin yavaş yüklenmesine sebep olduğunu ve böylelikle daha düşük sayfa sıralaması elde ettiğinizi düşünebiliriz. SEO bakımından bu görsellerin tembel yüklenmesi (lazy load) sitenin hızlanmasına yol açar. Ayrıca SEO bakımından PNG ve JPEG görsellerin sıkıştırılarak WebP dosya formatına dönüştürülmesi sitenin performansının artmasını sağlar.
Bu konuda WordPress Performance Group tarafından geliştirilen Performance Lab eklentisine göz atabilirsiniz. Alternatif olarak Smush eklentisi var olan görsellerinizin WebP formatına dönüştürülmesine yardımcı olan bir otomasyon hizmeti sunar.
