Web İçin Görseller Nasıl Sıkıştırılır (Kaliteyi Bozmadan)
Sayfa hızı bir Google sıralama faktörüdür ve görseller genellikle sayfanın toplam ağırlığının %50-80'ini oluşturur. Görselleri doğru sıkıştırmak, site performansı için yapabileceğiniz en etkili şeydir. İşte doğru yöntem.
Dönüştürmeye hazır mısınız? Hemen deneyin - ücretsiz, kayıt gerekmez.
Akıllı Sıkıştırma - Otomatik Optimizasyon →Görsel Sıkıştırma Neden Önemli
Rakamlar açık:
- Mobil kullanıcıların %53'ü 3 saniyeden uzun süren sayfayı terk ediyor (Google)
- Yükleme süresindeki her 100 ms iyileşme dönüşümü %1 artırıyor (Deloitte)
- Core Web Vitals Google sıralamasını doğrudan etkiler - LCP (Largest Contentful Paint) neredeyse her zaman bir görseldir
- Ortalama bir web sayfası 1,5 MB görsel sunuyor - çoğu optimize edilmemiş
Görsel Sıkıştırma Kontrol Listesi
- Doğru formatı seçin: Web için WebP, fotoğraflar için JPG; PNG'yi yalnızca şeffaflık gerektiğinde ve WebP kullanamadığınızda tercih edin
- Önce boyutlandırın: 800px'lik bir alana 4000px'lik görsel koymayın. Görsellerinizi boyutlandırın gösterim boyutuna (veya retina için 2 katına).
- Sıkıştırın: Kayıplı formatlarda 75-85 kalite kullanın. Çoğu kullanıcı farkı göremez.
- WebP kullanın: Anında %25-35 küçülme için WebP'ye dönüştürün.
- Geç yükleme: Ekranın alt kısmındaki görsellere
loading="lazy"ekleyin. - Boyutları belirtin: Düzen kaymasını önlemek için her zaman
widthveheightözniteliklerini ekleyin.
Ücretsiz Görsel Sıkıştırma Araçları
Tarayıcı Tabanlı (Yükleme Gerekmez)
- WebP Buddy Akıllı Sıkıştırma: En uygun kalite ayarını otomatik bulur. Tamamen tarayıcınızda çalışır - görselleriniz cihazınızdan hiç çıkmaz.
- WebP Sıkıştırma: WebP görselleri için manuel kalite kontrolü.
- Toplu Dönüştürme: Birden çok görseli aynı anda dönüştürün ve sıkıştırın.
Komut Satırı
# Convert and compress with cwebp
cwebp -q 80 photo.jpg -o photo.webp
# Compress existing WebP
cwebp -q 75 image.webp -o image-compressed.webp
# Batch convert a folder
for f in *.jpg; do cwebp -q 80 "$f" -o "${f%.jpg}.webp"; doneKalite Ayarları Kopya Kâğıdı
| Kullanım Alanı | JPG Kalitesi | WebP Kalitesi | Notlar |
|---|---|---|---|
| Hero görselleri | 85-90 | 80-85 | Göz önünde, etkisi büyük - fazladan KB'ye değer |
| Blog görselleri | 75-85 | 70-80 | Kalite ile performansı dengeleyin |
| Küçük resimler | 60-75 | 55-70 | Küçük gösterim = düşük kalite sorun olmaz |
| Arka plan görselleri | 50-70 | 45-65 | Genelde bulanık/üstü kaplı - agresif sıkıştırma sorun olmaz |
Sıkça Sorulan Sorular
Bir görseli kalite kaybetmeden ne kadar sıkıştırabilirim?
Kayıplı JPG/WebP için: 75-85 kalite genellikle orijinalden gözle ayırt edilemez. 60'ın altında sıkıştırma bozulmaları belirginleşir. Akıllı Sıkıştırma aracımız ideal noktayı otomatik bulur.
Görselleri CMS'e yüklemeden önce mi sonra mı sıkıştırmalıyım?
Önce. Bazı CMS'ler (WordPress, Shopify) yüklemede görselleri sıkıştırsa da varsayılan olarak WebP'ye dönüştürmez. Önceden sıkıştırmak kalite ve format üzerinde tam kontrol sağlar.
Web sayfaları için ideal görsel boyutu nedir?
Genel içerik için görsel başına 200 KB'nin, hero/banner görselleri için 500 KB'nin altını hedefleyin. İyi Core Web Vitals puanları için sayfadaki toplam görsel ağırlığı 1,5 MB'ın altında kalmalı.
Görsellerinizi şimdi dönüştürün - %100 ücretsiz, tarayıcınızda çalışır.
Akıllı Sıkıştırma - Otomatik Optimizasyon →