Resim Formatları Karşılaştırması: JPG, PNG, WebP, AVIF
1) Resim formatı neden önemli?
Web sitenizin hızı, görsel kalitesi ve depolama maliyeti büyük ölçüde seçtiğiniz formata bağlıdır. Yanlış format sayfayı yavaşlatır, LCP’yi bozar ve SEO’yu zayıflatır. Doğru format ise aynı görünümü daha az baytle sunar.
2) JPG (JPEG)
En yaygın format. Kayıplı sıkıştırma ile fotoğraflarda küçük dosya boyutu sağlar. Şeffaflık yoktur; her yerde desteklenir.
- Küçük dosya boyutu
- Şeffaflık yok
- Evrensel destek
- Fotoğraf ve ürün görseli için ideal
Kalite 80–85 web için iyi başlangıçtır. Detay: sıkıştırma kalitesi.
3) PNG
Kayıpsız sıkıştırma ve şeffaflık desteği. Logo, ikon, metinli görseller için tercih edilir. Fotoğrafta genelde gereksiz yere büyüktür.
- Şeffaflık (alpha)
- Kayıpsız — kalite kaybı yok
- Fotoğraflarda büyük dosya
- Logo, ikon, ekran görüntüsü için ideal
PNG vs JPG ayrımı: PNG vs JPG farkı.
4) WebP
Google’ın geliştirdiği modern format. Hem kayıplı hem kayıpsız olabilir; şeffaflık destekler. Çoğu sahnede JPG’den %25–35 daha küçük dosya üretir.
- JPG’den belirgin daha küçük
- PNG’den küçük + şeffaflık
- Modern tarayıcılarda geniş destek
- Web siteleri için pratik varsayılan
Rehber: WebP dönüştürme · Araç: WebP’ye çevir.
5) AVIF
Daha yeni ve çoğu senaryoda daha verimli. WebP’den de küçük olabilir; destek stratejisi ve encode süresi proje bazında değerlendirilmeli.
- Çoğu sahnede WebP’den daha küçük
- Şeffaflık + HDR potansiyeli
- Eski istemcilerde fallback gerekebilir
Karşılaştırma: AVIF vs WebP.
6) Hızlı karşılaştırma
| Özellik | JPG | PNG | WebP | AVIF |
|---|---|---|---|---|
| Sıkıştırma | Kayıplı | Kayıpsız | Her ikisi | Her ikisi |
| Şeffaflık | ❌ | ✅ | ✅ | ✅ |
| Dosya boyutu | Küçük | Büyük | Çok küçük | En küçük* |
| Tarayıcı desteği | %100 | %100 | Çok yüksek | Yüksek / fallback |
| Tipik kullanım | Fotoğraf | Logo/ikon | Genel web | Modern + tasarruf |
7) Nasıl seçmeli?
- Şeffaflık var mı? → PNG/WebP/AVIF
- Fotoğraf mı? → WebP/JPG (mümkünse WebP/AVIF)
- Eski sistem zorunlu mu? → JPG/PNG fallback
- Önce boyutlandır, sonra format + kalite ayarla
Boyut tarafı: boyutlandırma ipuçları. AllImageLab’de dönüştür ve sıkıştır.
8) Sık hatalar
- Blog fotoğraflarını PNG bırakmak
- Şeffaf logoyu JPG yapmak
- Format değiştirip piksel boyutunu hiç düşürmemek
- AVIF’i fallback’siz tek format sanmak
- “En yüksek kalite” deyip megabaytları umursamamak
9) SSS
Tek format yeter mi?
Modern sitede çoğu zaman WebP yeter. Kritik uyumlulukta JPG/PNG fallback ekle.
PNG daha kaliteli midir?
Kayıpsızdır; fotoğrafta otomatik “daha güzel” demek değildir ve genelde daha ağırdır.
Hangisine dönüştürmeliyim?
Çoğu web görseli için WebP ile başla; logo/şeffafta PNG/WebP; ileri seviye için AVIF + fallback.
10) Pratik teslim notları
Aynı görseli birden fazla kanala vereceksen master’ı sakla. Web için WebP, e-posta için JPG, tasarım katmanı için şeffaf PNG/WebP üretmek yaygındır. AllImageLab ile bu export’ları tek yerden hızlıca çıkarabilirsin.
Performans ölçümünde sadece format değil genişlik de sayılır. 1600px yeterken 4000px WebP yüklemek hâlâ pahalıdır. Önce doğru boyut, sonra doğru codec — bu sıra Core Web Vitals’ta daha öngörülebilir kazanım verir.
11) Önerilen günlük iş akışı
Yeni bir görsel geldiğinde önce kullanım yerini sor: blog gövdesi, ürün kartı, logo, story? Sonra genişliği seç, ardından formatı belirle. Bu sıra “önce format sonra boyut” alışkanlığından daha az artifact ve daha küçük dosya üretir.
Ekip içinde basit bir kural yazmak işe yarar: fotoğraflar WebP, şeffaf varlıklar PNG/WebP, e-posta JPG. İstisnalar olduğunda gerekçeyi not et. AllImageLab dönüştürücü + sıkıştırıcı bu kuralı uygulamayı dakikalık iş haline getirir; uzun tartışmayı kısaltır. Şüphede kaldığında önce WebP dene, önizleme bozulursa kaliteyi bir kademe yükselt.
Sonuç
Resim formatı seçimi; hız, kalite ve uyumluluk dengesidir. Fotoğrafta WebP/JPG, şeffafta PNG/WebP, modern tasarrufta AVIF (+fallback) pratik bir çerçevedir. AllImageLab ile dönüştürüp sıkıştırarak hemen uygulayabilirsin. Küçük bir A/B: aynı görseli JPG ve WebP olarak kaydedip boyutu + görünümü yan yana kıyasla; karar çoğu zaman saniyeler içinde netleşir ve tartışmayı bitirir.