WebP

WebP, Google tarafından 2010'da geliştirilen ve 2018'de standartlaştırılan bir görüntü biçimidir. Aynı biçimde hem kayıplı hem kayıpsız sıkıştırmayı, tam alfayı (şeffaflık) ve animasyonu destekler. Eşdeğer görsel kalitede JPG'den %25-35 daha küçük sıkıştırır.

2026 itibarıyla tarayıcı desteği: küresel olarak ~%97. Safari, WebP desteğini sürüm 14'te (Eylül 2020) ekleyerek en son büyük direnen olmuştu. Kalan %3 eski Android sürümleri, IE11 artıkları ve gömülü tarayıcılardır.

WebP'nin kayıplı modu, VP8'i (Google'ın WebM videosunda kullanılan açık video codec'i) temel alır. H.264'e benzer blok tahmini ve dönüşüm kullanır; tek bir kareye uygulanır. Sonuç: JPG'nin 1992 dönemli DCT'sinden anlamlı ölçüde daha iyi sıkıştırma.

Pratik kullanım:

• Yeni web içeriği için: önce WebP, <picture> ile JPG yedekleme.
• Mevcut JPG'lerin yerini almak için: kalite kaybı olmadan kolay %25-35 boyut küçültme.
• Alfa kanallı PNG'lerin yerini almak için: WebP kayıpsız + alfa, PNG'den dramatik biçimde küçük (çoğunlukla boyutun %30-50'si).
• AVIF ile karşılaştırma: AVIF eşdeğer kalitede WebP'den ~%20 daha küçüktür; ancak 10-100× daha yavaş kodlanır ve daha dar tarayıcı desteğine sahiptir (2026'da ~%93). WebP daha güvenli varsayılandır.

Herhangi bir görüntüyü WebP'ye dönüştürmek için tarayıcıda görüntü dönüştürücülerimizi kullanın.

On2 satın alma hikayesi — WebP neden var: Google, On2 Technologies'i Şubat 2010'da özellikle VP8 video codec'i için satın aldı, ardından VP8'i izin veren BSD tarzı bir lisans altında açık kaynak olarak yayımladı. WebP, tek bir VP8 ana karesinden türetilmiş bir durağan görüntü biçimi olarak sekiz ay sonra duyuruldu. Satın alma bedeli 124,6 milyon dolar olup tarayıcı çapında dağıtımla uyumsuz lisans havuzuna sahip HEIF/HEIC'e patent açısından temiz bir alternatif sağlamak amacıyla kısmen ödendi. Aynı stratejik mantık VP9, AV1 ve nihayetinde AVIF'i de yarattı.

Kalite kadranı asimetrisi: WebP'nin kayıplı kalite kaydırıcısı JPG'ninki gibi 0-100 arasında çalışır; ancak eğriler farklıdır — WebP'de 80 kalite, belirgin biçimde daha küçük dosya boyutunda görsel olarak yaklaşık JPG 90 kalitesine eşdeğerdir. Kayıpsız WebP kodlayıcısı kalite bayrağını tamamen yok sayar; bunun yerine kodlama süresini daha sıkı sıkıştırmayla değiş tokuş eden bir -m yöntemi parametresi (0-6) vardır. cwebp (referans kodlayıcı), sharp (Node.js) ve squoosh (tarayıcı) gibi araçların tamamı bu ayarları sunar. Otomatik derleme hatları için 75-80 kayıplı kalite tipik tatlı noktadır; alfanın önemli olduğu simgeler ve grafikler için yöntem 6 ile kayıpsız en iyisidir. İlgili: AVIF. Kaynak: Google — WebP, Web için yeni bir görüntü biçimi.

Çözümlü örnek

1920×1080 kahraman fotoğraf alın; başlangıçta 85 kalitede 480 KB JPG. cwebp ile 80 kalitede WebP'ye dönüştürün: cwebp -q 80 hero.jpg -o hero.webp → ~320 KB; görsel olarak ayırt edilemez kalitede %33 küçültme. Aynı kaynağı kayıpsız PNG'ye dönüştürün: ~3,2 MB. Şimdi aynı kaynağın bir ürün render için alfa kanallı kesim gerektirdiğini varsayın. PNG-24 alfa ile kaydedin: ~1,8 MB. Kayıpsız WebP olarak kaydedin: ~650 KB (%64 küçültme). 30 ürün görüntüsü olan tipik bir e-ticaret sayfasında JPG/PNG kaynaklarını WebP'ye değiştirmek görüntü yükünü ~6 MB'tan ~3 MB'a indirebilir — 3G bağlantıda LCP'yi (En Büyük İçerik Boyaması) doğrudan 1-2 saniye iyileştirir; bu da Core Web Vitals ve SEO sıralamalarına doğrudan gider.

Ne zaman ve neden önem taşır

Görüntü yükü tipik olarak mobil sayfa ağırlığının en büyük tek katkısıdır ve Core Web Vitals (özellikle LCP) belgelenmiş bir Google sıralama faktörüdür. Görüntü yoğun herhangi bir site için en ucuz performans optimizasyonu, JPG yedeklemenin yanı sıra WebP ve AVIF kaynaklı <picture> öğesi eklemektir — modern Next.js (next/image), Astro, Eleventy ve Nuxt bunu otomatik olarak yapar. WebP'nin doğru yanıt olmadığı birkaç durum: varlık aşağı akışta düzenlenecekse (kayıpsız ana kopyayı kullanın), hedef kitle bunu desteklemeyen tarayıcılardaysa (çok eski Android, belirli gömülü web görüntüleyicileri — JPG/PNG yedekleme sağlayın) ve görüntü baskı için fotoğrafsa (TIFF veya orijinal RAW kullanın). 2026'da modern bir web tarayıcısına sunulan diğer her şey için WebP veya AVIF varsayılan olmalı, JPG ise eski yedekleme olmalıdır. Kaynak: web.dev — Görüntüleri WebP biçiminde sunun.