Sayılarla ne demek?
WebP, web için tasarlanmış modern bir görsel formatıdır ve görsel optimizasyonunun temel araçlarından biridir. JPEG'in fotoğraf sıkıştırmasını, PNG'nin saydamlık desteğini ve GIF'in animasyon özelliğini tek bir formatta birleştirir. Asıl avantajı, aynı görsel kaliteyi daha küçük dosya boyutuyla sunmasıdır.
Google'ın kendi ölçümlerine göre kayıplı WebP dosyaları, benzer kalitedeki JPEG dosyalarından yaklaşık yüzde 25–34, kayıpsız WebP dosyaları ise PNG'den yaklaşık yüzde 26 daha küçüktür. Pratikte bu şu demektir: 180 KB'lık bir ürün fotoğrafı WebP'ye çevrildiğinde 120–130 KB civarına inebilir. Sayfada 30 ürün görseli varsa ve bunlara tembel yükleme uygulanmıyorsa, kazanç bir buçuk megabaytı bulabilir.
Tarayıcı desteği artık sorun değildir. Chrome, Firefox ve Edge uzun süredir WebP'yi destekliyordu; Safari'nin de 2020'de desteklemeye başlamasıyla bütün güncel tarayıcılar bu formatı açabiliyor. Daha yeni bir format olan AVIF çoğu durumda daha da küçük dosya üretir; ama kodlaması daha yavaştır. Birçok site bu yüzden iki formatı birlikte kullanır.
Görsel formatları karşılaştırması
| Format | Güçlü yanı | Zayıf yanı |
|---|---|---|
| JPEG | Evrensel destek, fotoğraf | Saydamlık yok, dosyalar büyük |
| PNG | Kayıpsız, saydamlık | Fotoğraflarda çok büyük |
| WebP | Küçük dosya, saydamlık, animasyon | Çok eski tarayıcılarda yok |
| AVIF | Çoğunlukla en küçük dosya | Kodlama yavaş, bazı araçlarda sınırlı destek |
| SVG | Ölçeklenebilir, logolar ve simgeler | Fotoğraflar için uygun değil |
Fotoğraflar için WebP ya da AVIF, logo ve simgeler için SVG çoğu sitede doğru başlangıç noktasıdır.
WebP'ye geçerken
- En ağır görsellerden başla. Ana görseller ve ürün fotoğrafları.
- Dönüştürmeyi otomatikleştir. Yüklemede ya da CDN'de.
- Kalite ayarını test et. Dosya boyutu ve görsel kalite dengesi.
- Gerekirse yedek sun. <picture> ile AVIF, WebP, JPEG sırası.
- Dosya adlarını ve adresleri koru. Görsel arama sinyalleri kaybolmasın.
Uygulamada ne oluyor?
En sık durum, WebP'ye çevirmenin tek başına yeterli sanılması. 2400 piksellik görsel WebP olarak küçülüyor ama hala 400 piksellik alana gönderiliyor; asıl kazanç boyutlandırmada kaçıyor.
İkinci gözlem, kalite ayarının çok yüksek tutulması. Kalite yüzde 100'e yakın seçiliyor; WebP dosyası JPEG'den bile büyük çıkabiliyor.
Üçüncüsü, görsel adreslerinin toplu değiştirilmesi. Bütün görseller yeni adreslere taşınıyor ama eski adresler yönlendirilmiyor; görsel aramadaki birikim kayboluyor.
Dördüncüsü, CDN'de otomatik format dönüşümünün bilinmemesi. Birçok CDN tarayıcının desteğine göre WebP ya da AVIF sunabiliyor; ekip görselleri elle dönüştürüyor.
Beşincisi, logo ve simgelerin de WebP'ye çevrilmesi. Vektör çizimler için SVG daha küçük ve her ekranda net; format seçimi içerik türüne göre yapılmalı.
Altıncısı, animasyonlu GIF'lerin olduğu gibi bırakılması. Birkaç megabaytlık GIF'ler sayfayı ağırlaştırıyor ve TTFB iyi olsa bile yüklemeyi uzatıyor; animasyonlu WebP ya da kısa video çok daha hafif.
Yedincisi, ürün feed'lerinde format uyumunun kontrol edilmemesi. Sitede WebP kullanılıyor ama bazı pazaryeri ve reklam ürün feed'leri farklı formatlar bekliyor; feed görselleri reddediliyor.
Sekizincisi, sosyal medya önizlemelerinin unutulması. Paylaşım görseli olarak WebP veriliyor; bazı platformlar önizlemeyi doğru göstermiyor.
Dokuzuncusu, e-posta şablonlarında WebP kullanılması. Bazı e-posta istemcileri formatı desteklemiyor; kampanya görselleri boş görünüyor.
Onuncusu, dönüştürme sonrası renk kaymaları. Renk profili korunmadan dönüştürülen ürün fotoğrafları farklı tonda görünüyor; iade riski artıyor.
On birincisi, AVIF ile WebP arasında gereksiz tartışma. İkisini birden sunmak çoğu altyapıda mümkün; format seçimi yerine boyutlandırma ve sıkıştırma daha büyük fark yaratıyor.
On ikincisi, sonucun ölçülmemesi. Geçiş öncesi ve sonrası sayfa ağırlığı ile LCP karşılaştırılmıyor; kazanç kanıtlanamıyor.
Neyi çözmez?
WebP, yanlış boyutta gönderilen görsellerin sorununu çözmez. En büyük kazanç önce doğru boyutlandırmadan, sonra formattan gelir.
Sıkça sorulan sorular
WebP ne kadar küçültür?
Google'ın ölçümlerine göre benzer kalitede JPEG'den yaklaşık yüzde 25–34, PNG'den yaklaşık yüzde 26 daha küçük dosya üretir.
Google WebP görselleri dizine ekler mi?
Evet; WebP, Google Görseller'in desteklediği formatlar arasındadır.
WebP mi, AVIF mi?
AVIF genellikle daha küçük, WebP daha hızlı kodlanır; ikisi birlikte sunulabilir.
Bu kavramın bütün resim içindeki yerini SEO Danışmanlığı Rehberi içinde ayrıntılı anlattım.
Teknik SEO, içerik stratejisi, kategori mimarisi, otorite ve organik trafiği dönüşüme çeviren bütünsel SEO danışmanlığı.
