JPG to WebP nasıl yapılır?
JPG dosyalarınızı kutuya sürükleyin, kalite değerini seçin ve Dönüştür’e basın. Her dosyanın yanında eski ve yeni boyut ile kazanç yüzdesi görünür; böylece kalite ayarını tahminle değil ölçümle belirlersiniz.
Web için hazırlık yapıyorsanız aynı ekranda maksimum genişlik vermeniz önerilir. Çoğu sitede içerik alanı 1200 pikselden dar olduğu için 3000 piksel genişliğindeki bir fotoğrafı tam boyutta sunmanın hiçbir faydası yoktur; bu tek adım, formatı değiştirmekten bile büyük kazanç sağlar.
Ne kadar tasarruf sağlar?
| Görsel tipi | JPG (kalite 85) | WebP (kalite 82) | Kazanç |
|---|---|---|---|
| Manzara fotoğrafı 1920px | ~480 KB | ~310 KB | %35 |
| Portre 1200px | ~210 KB | ~145 KB | %31 |
| Ürün fotoğrafı 800px | ~95 KB | ~62 KB | %35 |
| Düz renkli kapak görseli | ~140 KB | ~70 KB | %50 |
Değerler tipik örneklerdir; gerçek kazanç görselin içeriğine göre değişir. Kendi dosyanızın sonucunu yukarıdaki araçta doğrudan görebilirsiniz.
Sitenizde nasıl kullanılır?
En güvenli yöntem, <picture> etiketiyle WebP’yi sunup desteklemeyen
tarayıcılara JPG bırakmaktır:
| Yöntem | Avantaj | Not |
|---|---|---|
| <picture> + source | Tam kontrol, güvenli geri dönüş | HTML’i elle düzenlemek gerekir |
| Doğrudan .webp kullanmak | En basit | Çok eski tarayıcılarda görsel görünmez |
| Sunucu/CDN tarafı dönüşüm | Otomatik, geriye dönük uyumlu | Sunucu yapılandırması gerekir |
Görsellerinize ayrıca width ve height özniteliklerini eklemeyi
unutmayın: bu, sayfa yüklenirken içerik kaymasını (CLS) önler ve Core Web Vitals puanını
doğrudan etkiler.
Dikkat edilmesi gerekenler
- Çift sıkıştırma: JPG zaten kayıplıdır; WebP dönüşümü ikinci turdur. Kaliteyi 80’in altına indirirken çıktıyı gözle kontrol edin.
- Orijinalleri saklayın: Mümkünse dönüşümü kaynak dosyadan (RAW/PNG) yapın, JPG’den değil.
- E-posta ve baskı için uygun değildir: Bu senaryolarda JPG kullanmaya devam edin.
- Sosyal medya: Bazı platformlar WebP yüklemeyi kabul etmez; paylaşım için JPG bulundurun.
- Dosya adları: Uzantıyı değiştirdiğinizde sitedeki tüm bağlantıları güncellemeyi unutmayın; aksi hâlde 404 hataları oluşur ve bu da taranabilirliği zedeler.