Görüntü Sıkıştırma Neden Önemli?
Bir web sitesi 10 görüntü içeriyorsa ve her biri 2 MB ise, sayfa toplamda 20 MB olur. Mobil 3G üzerinde bu 50+ saniyelik bir yükleme süresi anlamına gelir — kullanıcılar bekleyemez. Sıkıştırma, görüntülerin algılanan kalitesini koruyarak dosya boyutunu küçültmenin sanatıdır.
İki Temel Sıkıştırma Tipi
Kayıplı (Lossy)
Görüntüden insan gözünün fark etmesi zor olan bilgileri atar. JPG, WebP (lossy mod) ve AVIF böyle çalışır. Kalite parametresi ile kontrol edilir (1-100):
- Q90-100: Çıplak gözle fark edilmez, dosya yine de büyük.
- Q80-90: ⭐ Web için tatlı nokta — küçük dosya, görsel kayıp neredeyse yok.
- Q60-80: Bazı detaylar bulanır ama hızlı yükleme için kabul edilebilir.
- Q60 altı: Bloklar görünür, kalite belirgin düşer.
Kayıpsız (Lossless)
Hiçbir bilgi atmaz, sadece daha verimli kodlar. PNG, GIF ve WebP (lossless mod) böyle çalışır. Tipik olarak %20-50 küçültme sağlar — kayıplı kadar agresif değil ama kalite tamamen korunur.
Hangi Formatı Ne Zaman Seçmeli?
| İçerik tipi | Önerilen format | Neden |
|---|---|---|
| Fotoğraf (manzara, portre) | JPG Q85 veya WebP Q80 | Kayıplı sıkıştırma fotoğraflarda fark edilmez |
| Logo, ikon | PNG veya WebP lossless | Net kenarlar, şeffaflık gerekir |
| Ekran görüntüsü | PNG | Yazı + grafik karışımı, JPG bunu bulanıklaştırır |
| Animasyon | WebP veya AVIF | GIF'ten 5-10× daha küçük |
| Yüksek-kalite arşiv | PNG veya TIFF | Düzenleme sırasında kayıp olmaz |
Sıkıştırma Stratejisi: 3 Adım
Adım 1: Doğru Boyuta Düşür
4000×3000 piksellik bir fotoğrafı web'de 800 piksel genişlikte göstereceksen, fiziksel olarak küçült (resize). Bu zaten boyutun %75'ini eler. Photoshop, GIMP, ya da online araçlar kullanılabilir.
Adım 2: Doğru Formatı Seç
Yukarıdaki tablodan içeriğine göre format seç. Modern bir web sitesi yapıyorsan WebP varsayılan olmalı, JPG fallback ile.
Adım 3: Kalite Parametresini Ayarla
Q80-85 arası web için neredeyse her zaman ideal. Aşağıda kalitenin görünür düşmediği eşiği test et. Online dönüştürücüler (örn. JPG → WebP) bunu otomatik yapar.
Sıkıştırmadan Önce / Sonra Karşılaştırma
Tipik sonuçlar (2400×1600 fotoğraf):
- Orijinal PNG: 3.2 MB
- JPG Q85: 480 KB (%85 küçülme)
- WebP Q80: 320 KB (%90 küçülme, JPG'den de küçük)
- AVIF Q70: 240 KB (%93 küçülme, en agresif)
Bu örnekte WebP'ye geçiş, sayfa boyutunu önemli ölçüde azaltırken görsel kalitede neredeyse hiç kayıp olmaz.
Yapılmaması Gerekenler
- JPG'yi tekrar tekrar kaydetme: Her seferinde kalite biraz daha düşer. Düzenleme için PNG kullan, son aşamada JPG'ye çevir.
- Çok agresif sıkıştırma: Q60 altı görünür artifaktlar üretir. Kullanıcılar kötü kaliteyi yavaşlıktan daha çok cezalandırır.
- Tek formata bağlanma: Modern web siteleri hem WebP hem JPG sunmalı (
<picture>ile).
Toparlayalım
İyi bir sıkıştırma stratejisi şu üç adımdan oluşur: doğru boyut + doğru format + doğru kalite ayarı. Web siteniz için JPG/PNG yerine WebP'ye geçmek tek başına sayfa boyutunu yarıya indirebilir. Bu doğrudan SEO ve kullanıcı deneyimi kazanımıdır.