Görsel Dosya Boyutu Nasıl Azaltılır?
Büyük görsel dosyaları yavaş sayfa yüklemelerine, kötü SEO performansına ve artan bant genişliği maliyetlerine yol açar. PageSpeed Insights ve Core Web Vitals raporlarında görsel kaynaklı yavaşlık sık görülen bir sorundur.
Bu rehberde görsel dosya boyutunu azaltmak için kullanabileceğiniz tüm yöntemleri adım adım ele alıyoruz: format seçimi, kalite ayarı, yeniden boyutlandırma, metadata temizleme ve pratik araç önerileri. Her adımı uyguladığınızda toplam boyutta %50–80 arası azalma elde edebilirsiniz.
1. Doğru Formatı Seçin
Format seçimi, dosya boyutunu belirleyen en önemli faktördür. Fotoğraflar için JPEG veya tercihen WebP kullanın; logo ve şeffaflık gerektiren görseller için PNG veya WebP uygundur. AVIF ise en yüksek sıkıştırma oranını sunar ancak tarayıcı desteği henüz tam değildir. Hangi format ne zaman rehberimizde karar ağacı bulabilirsiniz.
2. Kalite Ayarını Optimize Edin
Kayıplı formatlarda (JPEG, WebP) kalite parametresi dosya boyutunu doğrudan etkiler. Web için genellikle 75–85 arası yeterlidir; 60'ın altında artefaktlar belirginleşir. Kalite seçimi rehberimizde senaryoya göre öneriler bulabilirsiniz. Farklı kalite değerleriyle test ederek kabul edilebilir minimumu bulun.
3. Görseli Yeniden Boyutlandırın
Genellikle en büyük kazanım, görseli gerçekten ihtiyaç duyulan boyuta indirgemekten gelir. 4000×3000 piksel bir fotoğrafı 1200×900 gösterim alanına sığdırmak gereksiz veri taşır. Çözünürlük rehberimizde web ve Retina ekranlar için önerilen boyutları inceleyin. Responsive görseller için srcset ile farklı boyutlar sunun.
4. Metadata (EXIF) Temizleyin
EXIF verileri (konum, kamera bilgisi, tarih) dosya boyutunu artırır ve gizlilik riski taşır. Metadata nedir rehberimizde detayları bulabilirsiniz. Web için yayınlamadan önce metadata'yı kaldırın; bu %5–15 arası ek kazanç sağlayabilir.
5. Sıkıştırma Araçları Kullanın
Tarayıcı tabanlı sıkıştırma aracımız, dosyalar sunucuya yüklenmeden doğrudan tarayıcıda WebP veya optimize PNG/JPEG üretir. Toplu işlem için Squoosh, ImageOptim veya Sharp gibi araçlar kullanılabilir. CDN sağlayıcıları genellikle otomatik format dönüşümü sunar; bu da sunucu tarafında ek iş gerektirmez.
6. Lazy Loading ve Önbellek
Dosya boyutunu azaltmanın yanı sıra loading="lazy" ile görseller yalnızca görünür alana yaklaştığında yüklenir. Tarayıcı önbellekleme ve Cache-Control başlıkları da tekrarlayan ziyaretlerde performansı artırır.
Görsellerinizi hemen optimize edin.
Sıkıştırma Aracına Git →