WebP

WebP, web üzerinde görselleri verimli biçimde sunmak için kullanılan bir görüntü dosyası biçimidir. Kayıplı ve kayıpsız sıkıştırma seçenekleri bulunur. Fotoğraf veya grafiklerde uygun ayarlarla daha küçük dosyalar üretmek için değerlendirilebilir; fakat her dosyada aynı kazanç beklenmemelidir.

Dosya biçimi tek başına yeterli mi?

Hayır. Ekranda küçük gösterilen bir görseli çok büyük çözünürlükte sunmak, WebP olsa da gereksiz veri aktarımına yol açar. Önce kullanım boyutu belirlenir, ardından biçim ve kalite ayarı seçilir. Görselin okunabilirliği ve tasarımdaki görevi korunmalıdır. Özellikle yazı içeren grafiklerde aşırı sıkıştırma dikkatle kontrol edilir.

Örnek hazırlama süreci

Bir blog kartında kullanılacak fotoğraf için küçük ekran ve geniş ekran boyutları hazırlanabilir. Tarayıcının uygun kaynağı seçebilmesi için responsive görsel işaretleri kullanılabilir. Dosya dönüştürüldükten sonra gerçek sayfada incelenir; yalnızca bilgisayardaki tam boy görüntüye bakılmaz. Kırpma ve odak noktası da kontrol edilir.

SEO ile ilişkisi nedir?

Daha hafif görseller yüklenme deneyimine katkıda bulunabilir. Bununla birlikte dosya biçimi, ilgili bir görsel seçmenin ve açıklayıcı alternatif metin yazmanın yerine geçmez. Konuyla ilgisiz bir fotoğrafı WebP yapmak içeriğin anlamını geliştirmez. Görselin sayfadaki bağlamı korunmalıdır.

Sık yapılan hata

Dosyanın uzantısını değiştirmek dönüştürme değildir. Gerçek görüntü kodlaması uygun araçla yapılmalıdır. Ayrıca yönetim paneline yüklenen yeni görseller için aynı hazırlama süreci yoksa ilk optimizasyon kısa sürede bozulabilir. Boyut sınırı, dönüştürme ve kalite kontrolü içerik iş akışına eklenmelidir.

İlk ekranda hangi görsellerin erken yüklenmesi gerektiğini LCP, sonraki görsellerin ertelenmesini lazy load açıklar. Uygulama sırası site hızlandırma rehberinde bulunabilir.