WebP bir web sitesine ne kazandırır
WebP, Google tarafından 2010'da JPG, PNG ve GIF'in yerini alacak, öncelikle web için tasarlanmış bir format olarak yayımlandı. Kayıplı modu, VP8 video codec'inin kare içi kodlamasına dayanır: her piksel bloğunu komşularından tahmin eder ve yalnızca farkı saklar; bu da JPG'nin sabit 8×8 bloklarından daha verimlidir. Aynı görsel kalitede bir fotoğraf genellikle dörtte bir ile üçte bir oranında daha küçüktür.
Tek bir görselde bu tasarruf mütevazı görünür. Bir sayfada ise birikir: her biri 200 KB olan 40 fotoğraflı bir ürün listesi, dönüştürüldüğünde kabaca 2 ila 3 MB hafifler. Daha küçük görseller ekrana daha erken ulaşır; bu da arama motorlarının kullandığı yükleme metriği olan Largest Contentful Paint'i iyileştirir ve ziyaretçilerin mobil veri kullanımını azaltır.
Tüm güncel tarayıcılar WebP gösterir ve çoğu içerik sistemi, 5.8 sürümünden beri WordPress ve büyük e-ticaret platformları dahil, yüklemede onu kabul eder. Son birkaç yılda kurulmuş bir site için düz JPG sunmaya devam etmenin nadiren bir nedeni vardır.
JPG'yi ne zaman tutmalı
WebP bir dağıtım formatıdır, arşiv formatı değil. Orijinallerinizi JPG olarak (ya da daha iyisi, kameradan çıktığı haliyle) saklayın ve yayımlamak için kopyalarını dönüştürün. Şu durumlarda JPG'de kalın:
- Dosya baskıya, bir fotoğraf laboratuvarına veya onu eski masaüstü yazılımlarında açacak bir müşteriye gidiyorsa.
- Posta uygulamalarını bilmediğiniz kişilere giden bir e-posta ekiyse.
- Görseli daha sonra yeniden düzenleyecekseniz. Her kayıplı kayıt biraz ayrıntıya mal olur ve düzenleme araçları JPG'yi daha tutarlı işler.
Biri size bir WebP geri gönderir ve açamazsa, WebP'yi JPG'ye dönüştür işlemi tersine çevirir.
Bu dönüştürücü dosyalarınızı nasıl işler
Görselin kodu tarayıcınız tarafından çözülür, orijinal boyutunda bir canvas'a çizilir ve tarayıcının yerleşik kodlayıcısıyla, mümkün olduğunda bir arka plan worker'ında, WebP olarak kodlanır. Dosyalar cihazınızda kalır.
Hem JPG hem de PNG kabul edilir. PNG girdisi, saydamlık içeren ekran görüntüleri ve grafikler için kullanışlıdır: alfa kanalı korunur, böylece dekupe edilmiş bir ürün fotoğrafı her arka plan üzerinde temiz durur. JPG'de saydamlık yoktur, bu yüzden JPG girdisi opak bir WebP verir.
Piksel boyutları değişmez. WebP formatının kendisi kenar başına 16383 px ile sınırlıdır, bu yüzden çok büyük panoramaların dönüştürmeden önce küçültülmesi gerekir. EXIF kamera ayrıntıları ve GPS konumu gibi meta veriler çıktıya kopyalanmaz; bu da online yayımlanan görseller için genellikle istenen şeydir.
İşe yarayan kalite ayarları
Kaydırıcı %10 ile %100 arasında çalışır ve %85'ten başlar. WebP'nin kalite ölçeği JPG'ninkiyle aynı değildir, bu yüzden JPG için kullandığınız sayıyı olduğu gibi kopyalamayın. Bazı referans noktaları:
- İçerik sayfalarındaki fotoğraflar için %80–85. WebP'nin, normal görüntüleme boyutunda görünür bir değişiklik olmadan tasarrufunun çoğunu sağladığı aralık budur.
- Görselin küçük olduğu veya kısmen metinle kaplandığı küçük resimler, liste ızgaraları ve arka plan görselleri için %70–75.
- Büyük ekranlardaki ana (hero) görseller ve ince metin içeren ekran görüntüleri için %90–95. Kayıplı WebP rengi yarı çözünürlükte saklar, bu yüzden ince renkli çizgiler ve koyu zemin üzerindeki kırmızı metin düşük ayarlarda biraz yumuşak görünebilir.
Fotoğraflar için %100'den kaçının. Bu, görünür bir kazanç sağlamadan çoğu zaman başladığınız JPG'den daha büyük bir dosya üretir, çünkü JPG'nin kendi sıkıştırma bozulmaları ayrıntılı biçimde korunur.
Dönüştürmeden en iyi şekilde yararlanmak
Zaten yoğun biçimde sıkıştırılmış bir JPG pek daha fazla küçülmez. Kalite 60'ta kaydedilmiş 60 KB'lık bir JPG'yi dönüştürmek yalnızca birkaç yüzde kazandırabilir ve ikinci tur kayıplı sıkıştırma bloklanmayı daha belirgin hale getirebilir. En büyük kazançlar yüksek kaliteli orijinallerden gelir.
Adımların sırası, kesin kalite değerinden daha önemlidir:
- Elinizdeki en büyük ve en kaliteli sürümden başlayın.
- Sayfanın gerçekte gösterdiği boyuta boyutlandırın; örneğin tam genişlikte bir görsel için 1600 px, bir kart için 600 px genişlik.
- %80–85'te WebP'ye dönüştürün ve her dosya için gösterilen önceki ve sonraki boyutları karşılaştırın.
Toplu işlemler desteklenir; dosya başına sınır 50 MB'tır. Bir gruptaki her dosya aynı kaliteyi kullanır, bu yüzden fotoğrafları ve ekran görüntülerini karıştırıyorsanız, her birine uygun ayarlarla iki turda dönüştürün.