JPG’yi WebP’e Dönüştürme
WebP, aynı görsel kaliteyi JPEG’den %25-35 daha küçük dosya boyutlarında sunar. Yüzlerce resim sunan bir web sitesi için bu, doğrudan daha hızlı sayfa yüklemeleri, daha düşük bant genişliği maliyetleri ve daha iyi Core Web Vitals puanları anlamına gelir. Bu dönüştürücü, JPEG’inizi WebP’e tamamen tarayıcıda yeniden kodlar.
WebP ve JPEG: WebP’i Daha Küçük Yapan Nedir?
Her iki format da resim bloklarını frekans bileşenlerine dönüştürmeye ve sonuçları nicelemeye dayalı kayıplı sıkıştırma kullanır. WebP’in avantajı, JPEG’in 1992 tasarımına göre birkaç mühendislik iyileştirmesinden gelir.
Uyarlanabilir blok boyutlandırma
JPEG her resmi 8x8 piksellik bloklara böler. WebP (VP8 video codec teknolojisine dayalı) 4x4’ten 16x16’ya kadar değişken blok boyutları kullanır. Daha büyük bloklar tek tip bölgeleri daha verimli sıkıştırır. Daha küçük bloklar önemli yerlerde detayı korur.
Daha iyi tahmin
WebP, her bloğu sıkıştırmadan önce içeriğini zaten çözülmüş komşu bloklara göre tahmin eder. JPEG’de bloklar arası tahmin yoktur.
Aritmetik kodlama
JPEG son entropi kodlama adımı için Huffman kodlaması kullanır. WebP, teorik sıkıştırma sınırına matematiksel olarak daha yakın olan aritmetik kodlama kullanır.
Kalite Çubuğu Rehberi
Kalite 90-95
JPEG kaynağında görünen hemen her şeyi korur. Dosya boyutları orijinal JPEG’den %15-25 daha küçüktür.
Kalite 80-85
Pratik ideal nokta. Dosyalar kaynak JPEG’den %25-35 daha küçüktür. Fotoğrafların büyük çoğunluğu için görsel olarak ayırt edilemez.
Kalite 70-79
Yakın incelemede hafif kalite düşüşüyle %35-50 daha küçük.
Kalite 60-69
Önemli sıkıştırma. Küçük resimler ve mobil sayfalar için kullanışlıdır.
Gerçek Dünya Boyut Tasarrufları
| JPEG kaynağı | WebP k80 | Tasarruf |
|---|---|---|
| 80 KB (küçük resim) | 55 KB | %31 |
| 200 KB (blog resmi) | 140 KB | %30 |
| 500 KB (kahraman resmi) | 340 KB | %32 |
| 1 MB (tam boy fotoğraf) | 680 KB | %32 |
Web Sitesini JPEG’den WebP’e Taşıma
İçerik anlaşması
Modern CDN’ler (Cloudflare, CloudFront), Accept başlığı aracılığıyla WebP’i destekleyen tarayıcılara otomatik olarak WebP sunabilir.
HTML picture öğesi
Statik siteler için resimleri <picture> ile sararak her iki formatı sağlayın.
Derleme araçları
Next.js, Astro, Webpack gibi derleme araçları, derleme zamanında WebP varyantları oluşturan eklentilere sahiptir.
Daha fazla format seçeneği için Resim Dönüştürücü aracına bakın.