WebP, Google'ın web için geliştirdiği bir görsel formatıdır ve bugün yaygın kullanılan tüm güncel tarayıcılar tarafından desteklenir. Aynı görünüm için genellikle JPG'den daha küçük dosya üretir; JPG'den farklı olarak şeffaflığı da destekler. Bir sayfadaki görsellerin toplam boyutu, özellikle mobil bağlantıda sayfanın ne kadar hızlı açılacağını doğrudan etkiler.
Bu araç görsellerini tarayıcının içinde WebP'ye çevirir; dosyalar bir sunucuya gönderilmez. Kaç dosyayı aynı anda eklediğin fark etmez, her biri için ne kadar kazandığını ve toplam tasarrufu listede görürsün.
Nasıl kullanılır?
- Görsellerini sayfaya sürükle ya da seç. JPG, PNG, GIF, BMP, AVIF, HEIC, TIFF ve SVG dosyaları kabul edilir.
- Kalite kaydırıcısını ayarla; varsayılan değer 80'dir.
- Görseller sitende gösterileceği boyuttan çok büyükse en büyük genişliği seç.
- Dosya başına ve toplamda ne kadar küçüldüğünü kontrol et, sonra dosyaları tek tek ya da ZIP olarak indir.
Bilmen gereken sınırlar
- Kayıpsız seçenek yok. Tarayıcının içindeki WebP kodlayıcısı yalnızca kayıplı çalışır. Şeffaflık korunur, ancak piksel piksel aynı bir kopyaya ihtiyacın varsa PNG'de kal.
- Hareketli GIF'ler durağan olur. GIF dosyalarından yalnızca ilk kare alınır; sonuç hareket etmeyen bir WebP görseldir.
- SVG sabit boyutlu olur. Vektör çizim, belirli bir piksel boyutunda görsele dönüşür ve sonsuz ölçeklenebilirliğini kaybeder. Çözünürlüğü kendin seçmek istiyorsan ölçek seçeneği olan SVG'den PNG'ye aracında WebP çıktısını da seçebilirsin.
Kaliteyi ve boyutu nasıl seçersin?
Web'deki fotoğraflar için 70–85 aralığı çoğu durumda iyi bir dengedir. Sayfanın en üstündeki büyük görsel gibi dikkat çeken resimlerde 80 civarında kal, küçük önizleme görsellerinde 70'e inebilirsin. Üzerinde ince yazı ya da keskin çizgiler bulunan grafiklerde sonucu mutlaka büyütüp kontrol et; kayıplı sıkıştırma ince çizgileri yumuşatabilir.
Kaliteyi her görsel için ayrı ayrı denemek zorunda değilsin. Önce tipik bir fotoğrafla 80'i dene, sonucu büyütüp orijinaliyle iki resmi karşılaştır aracında incele; fark görmüyorsan 75'e inip tekrar bak. Bulduğun değeri aynı türdeki tüm görsellerde kullanabilirsin.
Kaliteden de önemlisi piksel boyutudur. 4000 piksel genişliğindeki bir fotoğrafı 800 piksellik bir içerik sütununda göstermek, ziyaretçiye gereksiz yere birkaç kat fazla veri indirtir. Yüksek yoğunluklu ekranlarda keskin görünmesi için görselin gösterileceği alanın yaklaşık iki katı genişlik genellikle yeterlidir. Bu konuyu adım adım web sitesi görsel optimizasyonu rehberinde anlattık.
Eski bazı fotoğraf görüntüleyiciler ve ofis programları WebP dosyalarını açamayabilir. Bu yüzden orijinal dosyalarını sakla. Sitende daha da küçük dosyalar istiyorsan AVIF dönüştürücü ile karşılaştır; hangisinin ne zaman uygun olduğunu WebP mi AVIF mi rehberinde bulabilirsin.
Sık sorulan sorular
WebP her tarayıcıda açılır mı?
Yaygın kullanılan tüm güncel tarayıcılar WebP gösterir. Sorun daha çok eski masaüstü programlarında ve bazı yükleme formlarında çıkar. Böyle bir durumda WebP'den JPG'ye aracıyla dosyayı geri çevirebilirsin.
Şeffaf PNG'lerim WebP olunca şeffaf kalır mı?
Evet. Şeffaf alanlar korunur. Yalnızca görünen kısımlar kayıplı sıkıştırılır, bu yüzden çok ince kenarlarda küçük farklar oluşabilir.
Neden bazı dosyalarda kazanç çok az?
Zaten düşük kalitede kaydedilmiş küçük JPG'lerde sıkıştırılacak pay azdır. Kaliteyi yüksek tuttuysan da kazanç düşer. Böyle dosyalarda kaliteyi biraz indirmeyi ya da en büyük genişliği küçültmeyi dene.
Çok sayıda görseli tek seferde çevirebilir miyim?
Evet, birden çok dosya ekleyip hepsini ZIP olarak indirebilirsin. Yüzlerce dosya için tasarlanmış toplu sıkıştırma aracı da WebP çıktısı sunar. WebP formatı sayfasında formatın ayrıntılarını bulabilirsin.