WebP Görsel Formatı: SEO ve Hız için Yeni Standart

WebP, Google’ın geliştirdiği modern bir görsel formatıdır. JPEG, PNG ve GIF formatlarının yerine geçerek daha küçük dosya boyutu, daha iyi kalite ve şeffaflık + animasyon desteği sağlar. 2026 itibarıyla tüm modern tarayıcılar (Chrome, Firefox, Safari, Edge) WebP’yi desteklediği için artık web standardı haline geldi.

WebP’nin Avantajları

1. Daha Küçük Dosya Boyutu

• JPEG’e göre %25-35 daha küçük (aynı görsel kalitesinde).
• PNG’ye göre %26’ya kadar daha küçük (lossless modda).

2. Hem Lossy Hem Lossless

JPEG sadece kayıplı, PNG sadece kayıpsız iken WebP her ikisini de destekler — proje ihtiyacına göre seçim yapılır.

3. Şeffaflık (Alpha Channel)

JPEG şeffaflık desteklemez, PNG şeffaflık ile büyük dosya yaratır. WebP şeffaflıkla birlikte küçük boyut sağlar.

4. Animasyon Desteği

GIF’in yerini alabilir; WebP animasyonları GIF’lere göre çok daha küçük ve daha kalitelidir.

WebP’nin SEO ve Hız Üzerindeki Etkisi

Görseller bir web sayfasının ortalama %50-70’ini oluşturur. WebP’ye geçişle:

• Toplam sayfa boyutu %30-50 düşer.
• LCP (Largest Contentful Paint) doğrudan iyileşir.
• Mobil veri tüketimi azalır.
• Core Web Vitals skorları yükselir.
• Google sıralama faktörü olan “page experience” puanı artar.

WebP Geçiş Stratejisi

Yöntem 1: Picture / Source ile Fallback

Eski tarayıcılar için fallback sunarak güvenli geçiş yapılır:

<picture>
  <source type="image/webp" srcset="logo.webp">
  <img src="logo.png" alt="Logo">
</picture>

Yöntem 2: .htaccess ile Otomatik Sunum

Apache sunucularda mod_rewrite ile .jpg isteğine .webp dönüşü yapılabilir.

Yöntem 3: WordPress için Otomatik Pipeline

WordPress’te yüklenen tüm görseller için imagewebp() ile otomatik WebP variantı üretilir; wp_get_attachment_image filtreleri ile <picture> wrapper’a sarılır. Orijinal PNG/JPG fallback olarak korunur.

WebP Üretim Kalite Önerileri

• Fotograf: Quality 75-85.
• Grafik / Logo: Lossless mod.
• Şeffaflık gerektiren görsel: Quality 80-90 + alpha kanal.

Hangi Araçlar?

• cwebp (CLI): Google’ın resmi araç seti.
• Squoosh: Tarayıcı tabanlı görsel optimizasyon aracı.
• PHP GD / Imagick: Sunucu tarafı toplu üretim.
• WordPress eklentileri: Imagify, EWWW, ShortPixel.

WebP’nin Geleceği: AVIF

AVIF formatı WebP’den de küçük boyut sunuyor ancak tarayıcı desteği henüz tam olgun değil. WebP + AVIF + JPEG fallback üçlüsü gelecek 1-2 yılın standardı olacak.

Web sitenizde toplu WebP dönüşümü için teknik destek alın.