Görsel Sıkıştırma Rehberi: Kalite Kaybetmeden Dosya Boyutunu Küçültün
Büyük görsel dosyaları web sitesi yükleme hızını düşürür, e-posta ek sınırını aşar ve depolama alanını doldurur. Bu rehberde görsel sıkıştırma yöntemlerini, format karşılaştırmalarını ve kalite kaybetmeden dosya boyutunu nasıl küçülteceğinizi anlatıyoruz.
Son güncelleme:Görsel sıkıştırma nasıl çalışır?
Görsel sıkıştırma, dosya içindeki gereksiz verileri kaldırarak dosya boyutunu küçültür. İki temel yöntem vardır: kayıplı (lossy) ve kayıpsız (lossless) sıkıştırma.
Kayıplı sıkıştırma (JPEG, WebP kayıplı): Görsel kalitesinden bir miktar ödün vererek dosya boyutunu önemli ölçüde küçültür. İnsan gözü %85+ kalitede farkı fark etmez.
Kayıpsız sıkıştırma (PNG, WebP kayıpsız): Görsel kalitesini hiç değiştirmeden dosya boyutunu küçültür. Daha az küçülme sağlar ama orijinal kalite korunur.
Format bazlı sıkıştırma
JPEG: Fotoğraflar için ideal. Kalite ayarı 1-100. 85+ kalite genellikle fark edilmez. Şeffaflık desteklemez.
PNG: Şeffaflık gerektiren görseller için. Kayıpsız sıkıştırma. Metin ve logo içeren görsellerde ideal. Fotoğraflarda büyük dosya boyutu.
WebP: Modern format. JPEG'den %25-35, PNG'den %25 daha küçük. Hem kayıplı hem kayıpsız destekler. %97+ tarayıcı desteği (2026).
GIF: Animasyon için. 256 renk sınırı. WebP animasyon daha verimli.
Sıkıştırma ipuçları
1. Doğru formatı seçin. Fotoğraf → JPEG/WebP, logo/ikon → PNG/WebP, animasyon → WebP/GIF.
2. Boyutu optimize edin. Görseli kullanacağınız maksimum boyuta göre boyutlandırın. 4000x3000 piksel fotoğrafı 800x600 olarak kullanıyorsanız önce boyutlandırın.
3. Kalite ayarını test edin. %85 kalite genellikle yeterli. %70-80 daha küçük dosya ama fark edilir kalite kaybı.
4. Metadata'yı kaldırın. EXIF verileri (kamera bilgisi, GPS konumu) dosya boyutunu artırır. Gereksizse kaldırın.
5. Toplu işlem kullanın. Birden fazla görseli aynı ayarlarla sıkıştırmak zaman kazandırır.
Web performansı ve görsel optimizasyonu
Google Core Web Vitals: LCP (Largest Contentful Paint) 2.5 saniyenin altında olmalı. Büyük görseller LCP'yi olumsuz etkiler.
Lazy loading: Sayfa altında kalan görselleri lazy load ile yükleyin. İlk görünüm hızlanır.
Responsive images: Farklı ekran boyutları için farklı boyutlarda görsel sunun (srcset attribute).
CDN: Görselleri CDN üzerinden servis edin. Daha hızlı yükleme ve daha az sunucu yükü.
Utilgo görsel sıkıştırıcı
Utilgo Görsel Sıkıştırıcı, kalite ayarı (10-100), çıktı formatı (JPEG/WebP/PNG) seçimi ve toplu işleme destekler. Before/after karşılaştırma paneli ile sıkıştırma sonucunu anında görün. 20 MB ve 40 megapiksele kadar dosyalar işlenir.
İlgili araçlar
Adım adım kullanım rehberleri
Aynı konuda uygulamalı yazılar
Fotoğraf Büyütürken Keskinlik Ayarı: Ayrıntı mı, Beyaz Haleler mi?
Küçük bir ürün fotoğrafını büyüttüğünüzde ekranda daha fazla piksel görürsünüz; bu, çekimde kaybolan ayrıntının geri geldiği…
Mobil Web Performansı: Optimizasyon ve Best Practices
Mobil web performansı, masaüstü performansından farklı zorluklar içerir.
Responsive Görseller: srcset, sizes ve Art Direction
Responsive görseller, farklı ekran boyutları ve çözünürlükler için optimize edilmiş görseller sunar.