Kaliteyi kaybetmeden fotoğraflar nasıl sıkıştırılır
Web için görüntü sıkıştırmaya yönelik pratik bir kılavuz. JPEG, PNG ve WebP arasındaki fark nedir, hangi kalitenin seçileceği ve dosya boyutunun SEO için neden önemli olduğu.
Görüntüleri sıkıştırmak neden önemlidir?
Yavaş web sitelerinin ana nedeni resimlerdir. Google''a göre kullanıcıların %53''ü, yüklenmesi 3 saniyeden uzun süren bir web sitesinden ayrılıyor. Görüntülerin optimize edilmesi aşağıdakileri doğrudan etkiler:
- Önemli Web Verileri (LCP - En Büyük İçerikli Boya)
- SEO derecesi (hız bir sıralama faktörüdür)
- Dönüşüm (hızlı sayfalar = daha fazla satış)
JPEG vs PNG vs WebP
| Biçim | Sıkıştırma | Şeffaflık | Şunun için daha iyi |
|---|---|---|---|
| --- | --- | --- | --- |
| **JPEG** | Kayıplı (kayıplı) | ❌ | Fotoğraflar, gerçekçi görüntüler |
| **PNG** | Kayıpsız | ✅ | Logolar, ekran görüntüleri, metin |
| **WebP** | Kayıplı + Kayıpsız | ✅ | Her şey - %25-35 daha az JPEG |
Önerilen kalite ayarları
''''
Sosyal ağlar için fotoğraflar: JPEG %80-85, 1200 piksel
Sitedeki bannerlar: WebP %80, gerçek boyut
Simgeler ve logolar: PNG (kayıpsız)
OG resimler: JPEG %85, 1200×630 piksel
Ürün fotoğrafları: WebP %85, 800 piksel
''''
JPEG kalitesi için 80/20 kuralı
%100 kalitede, %85 ile arasındaki fark gözle farkedilmez, ancak dosya boyutu 3-4 kat daha küçüktür.
- %100 = 1,2 MB - puan yok
- %85 = 380 KB - iyi bakiye
- %70 = 180 KB - agresif sıkıştırma
- %50 = 90 KB - fark edilebilir eserler
Araçlar
Görüntü Sıkıştırıcımız doğrudan tarayıcıda çalışır; fotoğraflarınız sunucuya aktarılmaz. %100 özel.