Görüntü Sıkıştırma: Web İçin Kapsamlı Rehber

Görüntüler web sayfalarının en ağır öğesi olmaya devam ediyor ve 2026'da sayfa hızı hem kullanıcı deneyimi hem de Google sıralamaları için her zamankinden daha önemli. Bu rehberde görüntü sıkıştırmasının nasıl çalıştığını, hangi formatları ne zaman kullanacağınızı ve görüntülerinizi kaliteden minimum ödün vererek nasıl optimize edeceğinizi ayrıntılı olarak öğreneceksiniz.

Görüntü Sıkıştırma Nedir?

Görüntü sıkıştırma, dosya boyutunu küçültme sürecidir. İki temel türü vardır:

Kayıplı (Lossy) Sıkıştırma

Kayıplı sıkıştırma, insan gözünün fark edemeyeceği detayları silerek dosya boyutunu önemli ölçüde azaltır. JPEG ve WebP bu yöntemi kullanır.

• Kalite 85-95: Minimum görünür fark, %20-40 boyut azaltma
• Kalite 75-85: Mükemmel denge -- fark neredeyse görünmez, %50-70 azaltma
• Kalite 60-75: Küçük artefaktlar görülebilir, %70-85 azaltma

Kayıpsız (Lossless) Sıkıştırma

Hiçbir görsel veri silmeden dosya boyutunu azaltır. PNG bu yöntemi kullanır. Azaltma daha azdır (genellikle %10-30) ancak orijinal kalite tam olarak korunur.

Görüntü Formatları Karşılaştırması

JPEG

• Fotoğrafik görüntüler için en iyi
• Kayıplı sıkıştırma, iyi boyut/kalite dengesi
• Saydamlık desteklemez

PNG

• Saydamlık gerektiğinde
• Kayıpsız sıkıştırma
• Metin, logolar, ekran görüntüleri için ideal

WebP

• Google tarafından geliştirilmiş
• Hem kayıplı hem kayıpsız sıkıştırma
• JPEG'den %25-35 daha küçük
• Saydamlık destekler

SVG

• Vektör formatı -- herhangi bir boyuta ölçeklenir
• Simgeler, logolar, çizimler için ideal
• Çok küçük dosya boyutu

AVIF

• En yeni format, en iyi sıkıştırma oranı
• WebP'den %20 daha küçük
• Tarayıcı desteği artıyor

Web İçin Görüntü Optimizasyonu Adımları

1. Doğru Format Seçimi

2. Boyut Düzeltme

3. Sıkıştırma

4. Duyarlı Görüntüler

5. Tembel Yükleme

6. Alt Metin

Tüm bu optimizasyon adımlarını Vaxtim Yoxdu'daki ücretsiz tarayıcı araçlarıyla yapabilirsiniz.