Google PageSpeed Insights’ta bir performans testi çalıştırıp “Görselleri yeni nesil formatlarda sunun” uyarısını aldıysanız, size önerilen şey görsellerinizi WebP’ye dönüştürmekti. Google’ın web görselleri için modern standart saydığı format bu — ve bunun sağlam gerekçeleri var.
WebP ne anlama geliyor?
WebP, Google tarafından geliştirilen ve 2010'da yayımlanan bir görsel formatı. Adı Web + P birleşiminden geliyor (buradaki P, İngilizcede görsel anlamına gelen Picture'dan). Tek bir amaçla tasarlandı: görsel kaliteden ödün vermeden web sayfalarını hafifletmek için JPG ve PNG'den daha iyi sıkıştırma sunmak.
Yalnızca kayıplı sıkıştırma yapan JPG’den ve yalnızca kayıpsız sıkıştırma yapan PNG’den farklı olarak WebP her iki sıkıştırma modunu da destekler — kayıplı ve kayıpsız — üstelik alfa kanallı şeffaflığı ve animasyonu da. Pratikte JPG, PNG ve GIF’in yerini tek başına dolduran bir format.
WebP nasıl çalışır?
Kayıplı WebP, yine Google’ın geliştirdiği VP8 video kodeğine dayanır. Blok tahmini denen bir teknik kullanır: algoritma her pikseli tek tek saklamak yerine, her piksel bloğunun değerini komşu bloklara bakarak tahmin eder ve yalnızca tahmin ile gerçek değer arasındaki farkı saklar. Fark ne kadar küçükse dosya da o kadar küçük olur.
Kayıpsız WebP ise kendine özgü bir teknikler bütünü kullanır: uzamsal tahmin, renk dönüşümü ve LZ77 + Huffman kodlaması adı verilen bir algoritmayla entropi sıkıştırması. Sonuç, eşdeğer bir PNG’den belirgin biçimde küçük bir kayıpsız dosya — aynı içerik için ortalama %26 daha küçük.
WebP gerçekten JPG ve PNG'den küçük mü?
Evet, üstelik fark hiç de küçük değil. Google’ın kendi verilerine göre:
| Karşılaştırma | Ortalama boyut azalması |
|---|---|
| Kayıplı WebP vs JPG (aynı görsel kalitede) | %25–35 daha küçük |
| Kayıpsız WebP vs PNG (aynı kalitede) | ~%26 daha küçük |
| Şeffaf WebP vs PNG | ~%22 daha küçük |
Pratikte bu şu demek: JPG formatında 500 ürün görseli olan bir e-ticaret sitesi, sadece WebP'ye geçerek toplam görsel hacmini üçte bir azaltabilir — gözle fark edilir hiçbir kayıp olmadan.
💡 SEO'ya etkisi: Google, yüklenme hızını bir sıralama faktörü olarak kullanır. WebP görseller, Core Web Vitals’ın başlıca ölçütlerinden biri olan LCP’yi (Largest Contentful Paint) düşürür ve arama sonuçlarında daha iyi sıralara doğrudan katkı verir.
WebP'nin avantajları neler?
- Aynı kalitede daha küçük dosyalar: hem kayıplı hem kayıpsız modda WebP, sıkıştırma verimliliğinde JPG ve PNG'yi geride bırakır.
- Şeffaflık desteği: WebP de tıpkı PNG gibi 256 opaklık seviyeli tam alfa kanalını destekler — üstelik daha küçük dosyayla.
- Animasyon desteği: animasyonlu WebP, GIF'in yerini çok daha küçük dosyalar ve daha iyi renk kalitesiyle alır (GIF 256 renkle sınırlıdır; WebP milyonlarca rengi destekler).
- Aynı formatta kayıplı ve kayıpsız mod: her kullanım için tek bir format — fotoğraflar, logolar, ikonlar ve animasyonlar.
- Meta veri desteği: WebP, EXIF ve XMP meta verilerini destekler; kamera, konum ve telif bilgilerini korur.
- Tüm modern tarayıcılarda yerleşik destek: Chrome, Firefox, Safari, Edge ve Opera 2020'den beri WebP'yi destekliyor.
WebP'nin sınırları neler?
- Web dışında sınırlı uyumluluk: eski görsel düzenleme yazılımlarının, görüntüleyici uygulamaların ve eski sistemlerin çoğu formatı hâlâ doğrudan tanımıyor. Windows 10 ve öncesinde, Dosya Gezgini'nde WebP açmak için ek bir kodek gerekir.
- Bazı platformlarda kabul edilmiyor: WhatsApp gibi uygulamalar ve bazı e-posta pazarlama araçları WebP yüklemeyi hâlâ kabul etmiyor — bu durumlarda JPG ya da PNG gerekli olmayı sürdürüyor.
- Düzenleme desteği kısıtlı: profesyonel yazılımların pek azı düzenleme için WebP'yi tam destekler. Düzenleme akışlarında en iyisi, orijinal dosyaları RAW, TIFF veya PSD olarak saklayıp WebP'ye yalnızca son sürümde aktarmak.
- E-postada destek yok: Outlook ve Apple Mail gibi e-posta istemcileri WebP'yi göstermez. E-postadaki görsellerde JPG ya da PNG kullanın.
WebP vs JPG vs PNG vs SVG — kapsamlı karşılaştırma
| Özellik | WebP | JPG | PNG | SVG |
|---|---|---|---|---|
| Sıkıştırma | Kayıplı ve kayıpsız | Kayıplı | Kayıpsız | Vektörel |
| Şeffaflık | Evet | Hayır | Evet | Evet |
| Animasyon | Evet | Hayır | Hayır* | Evet |
| Fotoğraflar için ideal | Evet | Evet | Hayır | Hayır |
| Logo ve ikonlar için ideal | Evet | Hayır | Evet | Evet |
| Kayıpsız ölçeklenebilir | Hayır | Hayır | Hayır | Evet |
| Dosya boyutu | Çok küçük | Küçük | Orta–büyük | Çok küçük |
| Evrensel destek | Modern tarayıcılar | Evrensel | Evrensel | Modern tarayıcılar |
* Animasyonlu PNG (APNG) vardır ama desteği sınırlıdır.
WebP ne zaman kullanılır?
Modern sitelerde ve web uygulamalarında gösterilen görsellerin büyük çoğunluğu için en iyi seçim WebP:
- E-ticaret ürün fotoğrafları: JPG ile aynı görünürlükte ama %25–35 daha hafif — kaliteden ödün vermeden daha hızlı yükleme.
- Banner ve kapak görselleri: görselin ağırlığının LCP'yi ve kullanıcı deneyimini doğrudan etkilediği yerler.
- Şeffaflık içeren logo ve ikonlar: PNG'nin yerini daha küçük dosya ve tam alfa kanalı desteğiyle alır.
- Blog ve portfolyo görselleri: daha hafif, aynı görsel kalite, PageSpeed'de daha iyi puan.
- Animasyonlu GIF yerine: animasyonlu WebP çok daha küçük dosyalar üretir ve renk kalitesi GIF'ten kat kat iyidir.
E-postayla gönderilen görsellerde, formatı kabul etmeyen sosyal ağlara yapılan yüklemelerde ve üzerinde çalışılacak dosyalarda WebP'den kaçının — bu durumlarda JPG ya da PNG'de kalın.
Görsellerinizi hemen WebP'ye dönüştürün
Görsellerinizi gözle görülür kayıp olmadan %35'e varan oranda hafifletin. JPG ve PNG dosyalarınızı doğrudan tarayıcınızda, ücretsiz olarak WebP'ye dönüştürün.
WebP'ye dönüştürEski tarayıcılar için WebP yedeği nasıl kurulur?
Modern tarayıcıların tamamı WebP’yi desteklese de, uyumluluğu güvenceye almak için JPG ya da PNG yedeği sunmak iyi bir alışkanlıktır. HTML’de bu, <picture> etiketiyle yapılır:
Bu yaklaşımda WebP'yi destekleyen tarayıcılar küçük dosyayı yükler; diğerleri otomatik olarak JPG ya da PNG alternatifine düşer. Geniş uyumluluk gereken siteler için Google'ın önerdiği yöntem budur.