Web Görsel Formatları: JPEG, PNG, WebP ve AVIF Farkları
Web görsel formatları (JPEG, PNG, WebP, AVIF), bir web sitesinin hızını ve görsel kalitesini doğrudan etkiler. Yanlış format seçimi sayfayı ağırlaştırıp hem kullanıcı deneyimini hem SEO’yu zedeler; doğru format ise hem net görüntü hem hızlı yükleme sağlar. Bu rehberde JPEG, PNG, WebP ve AVIF’in ne olduğunu, farklarını ve hangi durumda hangisini seçmeniz gerektiğini ele alıyoruz.
JPEG (JPG) Nedir?
JPEG (ya da JPG), fotoğraflar için en yaygın kullanılan, kayıplı (lossy) sıkıştırma kullanan formattır. Çok renkli, detaylı görsellerde (fotoğraf) küçük dosya boyutuyla iyi kalite sunar. Ancak şeffaflık (saydam arka plan) desteği yoktur ve her kaydetmede biraz kalite kaybı olur.
PNG Nedir?
PNG, kayıpsız (lossless) bir formattır ve şeffaflığı (saydam arka plan) destekler. Logo, ikon, grafik ve metin içeren görseller için idealdir. Dezavantajı; fotoğraflarda JPEG’e göre çok daha büyük dosya boyutu oluşturmasıdır.
WebP Nedir?
WebP, Google’ın geliştirdiği modern bir formattır; hem kayıplı hem kayıpsız sıkıştırmayı ve şeffaflığı destekler. Aynı kalitede JPEG ve PNG’ye göre çok daha küçük dosya boyutu sunar (çoğu zaman %25-35 daha küçük). Bugün tüm modern tarayıcılar WebP’yi destekler ve web için önerilen formattır.
AVIF Nedir?
AVIF, WebP’den de yüksek sıkıştırma oranı sunan, daha yeni nesil bir formattır. Genellikle WebP’den daha küçük dosyalar üretir; tarayıcı desteği hızla yaygınlaşmaktadır. İleri düzey hız optimizasyonu için değerlendirilebilir.
Hangi Format Ne Zaman?
| Format | En İyi Kullanım | Şeffaflık | Boyut |
|---|---|---|---|
| JPEG/JPG | Fotoğraf | Yok | Orta |
| PNG | Logo, ikon, grafik | Var | Büyük |
| WebP | Web’de her tür görsel | Var | Küçük |
| AVIF | İleri hız optimizasyonu | Var | En küçük |
Kısa kural: fotoğraf için JPEG/WebP, saydamlık gereken grafikler için PNG/WebP, maksimum hız için WebP/AVIF.
Görsel Formatı ve SEO/Hız
Görseller çoğu sayfanın en ağır parçasıdır; bu yüzden format ve sıkıştırma sayfa hızı ve Core Web Vitals (özellikle LCP) için kritiktir. Özellikle çok sayıda görsel içeren e-ticaret ürün sayfalarında WebP kullanmak hızı belirgin artırır. WordPress’te Imagify, ShortPixel gibi eklentiler görselleri otomatik WebP’ye çevirir. Görselin alt metnini (alt text) doğru yazmak da görsel SEO’su için önemlidir.
Sık Yapılan Hatalar
- Fotoğrafı PNG olarak kaydedip sayfayı ağırlaştırmak.
- Görselleri sıkıştırmadan yüklemek.
- Gereğinden büyük boyutlu (çözünürlüklü) görsel kullanmak.
- WebP’ye hiç geçmemek.
- Alt metni boş bırakmak.
Sıkça Sorulan Sorular
JPEG mi PNG mi kullanmalıyım?
Fotoğraf için JPEG, saydam arka plan/logo/ikon için PNG. İkisinin de modern alternatifi WebP’dir.
WebP nedir, kullanmalı mıyım?
Google’ın modern, küçük boyutlu formatıdır. Web için önerilir; tüm modern tarayıcılar destekler.
JPG ile JPEG arasında fark var mı?
Hayır, aynı formattır; sadece dosya uzantısı farklı yazılır (.jpg / .jpeg).
AVIF mi WebP mi?
AVIF genelde daha küçük dosya verir; WebP ise daha yaygın desteklenir. Çoğu site için WebP güvenli seçimdir.
Görsel boyutu SEO’yu etkiler mi?
Evet. Ağır görseller sayfayı yavaşlatır; hız bir sıralama faktörü olduğu için dolaylı olarak SEO’yu etkiler.
WordPress’te WebP’ye nasıl geçerim?
Imagify veya ShortPixel gibi bir eklenti görselleri otomatik WebP’ye dönüştürür.
Görselleri ne kadar sıkıştırmalıyım?
Kaliteyi gözle bozmayan en yüksek sıkıştırmayı hedefleyin; genelde %70-85 kalite iyi bir dengedir.
Doğru görsel formatı seçmek, hızlı ve SEO dostu bir site için en kolay kazanımlardan biridir. Fotoğraflarda WebP/JPEG, grafiklerde WebP/PNG kullanın ve görselleri mutlaka sıkıştırın.
