Görüntü boyutlarına göre yeniden boyutlandır, %75-85 kalitede sıkıştır, WebP veya AVIF biçimine dönüştür. Bu 3 adımlı iş akışı, görünür kalite kaybı olmadan %90’a varan dosya boyutu küçültmesi sağlar. İşte 2026’nın eksiksiz yöntemi.
3 Adımlı İş Akışı: Yeniden Boyutlandır → Sıkıştır → Dönüştür
1. Adım: Görüntü Boyutuna Göre Yeniden Boyutlandır
En büyük tek optimizasyon, piksel boyutlarını görüntüleme boyutuyla eşleştirmektir. Modern telefonlar 4000-6000px genişliğinde fotoğraf çeker; web ihtiyaçlarının çok ötesindedir. G Saunders dosyalarının gösterdiği gibi, 18,000px’ten 800px’e ölçeklemek, herhangi bir sıkıştırmadan önce %99 dosya boyutu küçültmesi sağlamıştır.
| Kullanım Senaryosu | Önerilen Genişlik | Yeniden Boyutlandırmadan Sonra Tipik Dosya Boyutu |
|---|---|---|
| Blog hero görseli | 1200px | 200-400 KB |
| Ürün fotoğrafı | 800px | 80-200 KB |
| Küçük resim | 300-400px | 20-50 KB |
| Sosyal medya | 1080px | 100-300 KB |
2. Adım: %75-85 Kalitede Kayıplı Sıkıştırma Uygula
Yeniden boyutlandırmadan sonra, MozJPEG gibi kodlayıcılarla kayıplı sıkıştırma uygulayın. %75-85 kalite aralığı ideal noktadır. Intellure verilerine göre, kaliteyi %100’den %85’e düşürmek dosya boyutunu %60 küçültür ve görünür bir fark neredeyse yoktur.
| Kalite Ayarı | Dosya Boyutu Küçültmesi | Görsel Etki |
|---|---|---|
| %90-100 | %10-20 | Orijinaliyle aynı |
| %75-85 | %50-70 | İnsan gözüyle algılanamaz |
| %50-70 | %70-85 | Yakından bakınca hafif yapıntılar |
| %50’nin altı | %85+ | Görünür bantlanma ve yumuşama |
3. Adım: WebP veya AVIF Biçimine Dönüştür
| Biçim | JPEG’e Göre Boyut | Tarayıcı Desteği (2026) | En Uygun Kullanım |
|---|---|---|---|
| WebP | %25-34 daha küçük | %97+ | Genel web kullanımı, LCP görselleri |
| AVIF | %50’ye varan daha küçük | %92+ | Maksimum sıkıştırma |
| JPEG | Temel | %100 | Evrensel yedek biçim |
Google Developers verileri, eşdeğer kalitede WebP’in JPEG’den %25-34 daha küçük olduğunu doğruluyor. AVIF ise daha da ileri giderek %50’ye varan daha iyi sıkıştırma sunar.
Ayrıca zorunlu olmayan EXIF meta verilerini (GPS, kamera ayarları, zaman damgaları) da ayıklayın; her dosyada 5-50 KB tasarruf sağlar ve gizliliği korur.
Kayıplı vs. Kayıpsız: Hangisini Ne Zaman Kullanmalısınız
| Mod | Nasıl Çalışır | Tasarruf | Kullanım Amacı |
|---|---|---|---|
| Kayıpsız (PNG, OptiPNG) | Her pikseli korur | %5-30 | Logolar, simgeler, metin ekran görüntüleri, keskin kenarlar |
| Kayıplı (JPEG, WebP, AVIF) | Algılanamaz veriyi kaldırır | %50-80 | Fotoğraflar, hero görselleri, ürün çekimleri |
Web fotoğrafları ve karmaşık görseller için %75-85 kalitede kayıplı sıkıştırma standarttır. Logolar ve metin ağırlıklı grafikler için keskinliği korumak amacıyla kayıpsız kullanın.
SEO Etkisi: Core Web Vitals ve LCP
Google’ın Core Web Vitals‘i, sıralama sinyali olarak Largest Contentful Paint (LCP)‘i kullanır. Görseller tüm LCP öğelerinin yaklaşık %70’ini oluşturur (web.dev).
| Metrik | Etki |
|---|---|
| Mobil kullanıcıların %53’ü yükleme 3 saniyeyi aşarsa ayrılır | Hemen çıkma oranı doğrudan görsel ağırlığıyla bağlantılıdır |
| LCP eşiği: 2.5 saniye | Ağır hero görselleri başarısızlığın 1 numaralı nedenidir |
| Sayfa hızı onaylanmış bir sıralama faktörüdür | Optimize edilmiş görseller = daha yüksek arama konumu |
Kalite Doğrulama Kontrol Listesi
Sıkıştırmadan sonra %100’e yakınlaştırın ve üç yapıntıyı kontrol edin:
| Yapıntı | Nelere Dikkat Edilmeli | Neden |
|---|---|---|
| Bantlanma (Banding) | Gradyanlarda (ör. gökyüzü) basamaklı renk geçişleri | Kalite çok düşük ayarlanmış |
| Çanrak (Ringing) | Metin veya yüksek kontrastlı kenarlar çevresinde haleler | Aşırı sıkıştırma |
| Yumuşama (Softness) | İnce detaylar (saç, kumaş) bulanıklaşmış | Aşırı kayıplı küçültme |
Gizlilik odaklı iş akışları için Pixotter ve SammaPix gibi araçlar, tarayıcı içi işleme için WebAssembly (WASM) kullanır; dosyalar asla cihazınızdan ayrılmaz.
Sonuç
Görselleri üç adımda sıkıştırın: görüntü genişliğine yeniden boyutlandırın, %75-85 kalitede kayıplı sıkıştırma uygulayın, WebP veya AVIF’e dönüştürün. Bu iş akışı, görünür kalite kaybı olmadan %90’a varan boyut küçültmesi sağlar. En çok ziyaret edilen 10 sayfanızı inceleyin; hero görsellerini AVIF’e dönüştürün ve dosya başına 200 KB altını hedefleyin.
SSS
Bir PNG’yi hiç veri kaybetmeden sıkıştırabilir miyim?
Evet. OptiPNG ve oxipng gibi araçlar, iç DEFLATE algoritmasını iyileştirir ve pikselleri değiştirmeden meta verileri ayıklar. Kayıplı yöntemlere kıyasla tasarruf sınırlıdır (%5-20), ancak piksel mükemmel sadakati korunur.
Görsel sıkıştırma SEO sıralamalarını etkiler mi?
Evet. Sayfa hızı onaylanmış bir Google sıralama faktörüdür. Görseller tipik olarak sayfanın en ağır öğeleridir. Optimize edilmiş görseller LCP puanlarını iyileştirir ve bu da Core Web Vitals performansını ile arama görünürlüğünü doğrudan etkiler.
Kişisel fotoğrafları çevrim içi sıkıştırma araçlarına yüklemek güvenli mi?
Tarayıcı tarafı WASM işleme sunan araçları kullanın; sıkıştırma tarayıcınızda gerçekleşir, dosyalar hiçbir sunucuya değmez. Sunucu tarafı bir araç kullanıyorsanız, hizmetin dosyaları işlemden hemen sonra sildiğini doğrulayın.
Bir yanıt yazın