Web görüntüleri için hangi kalite ayarını kullanmalısınız?
En etkili tek görüntü ayarı, çoğu insanın varsayılanda bıraktığı bir ayardır. İşte kalite kaydırıcısının gerçekten ne kontrol ettiği ve ne olarak ayarlamanız gerektiği.
Her görüntü sıkıştırma aracının bir kalite kaydırıcısı var, genellikle 0’dan 100’e. Çoğu insan onu bazı yuvarlak bir sayıya getirir — 80, 85, belki 90 — ve devam eder. Ama bu kaydırıcı, görüntü dosya boyutuyla ilgili verebileceğiniz kelimenin tam anlamıyla en etkili tek karar. Varsayılan neredeyse her zaman web kullanımı için yanlış.
Kalite kaydırıcısı aslında neyi kontrol eder
JPG, WebP ve AVIF gibi kayıplı formatlarda kalite ayarı kodlayıcının bilgiyi ne kadar agresif attığını kontrol eder. Spesifik olarak kuantizasyon gücünü kontrol eder — her görüntü bloğunun frekans bileşenlerinin ne kadar kaba yuvarlandığını.
Kalite 100’de hiçbir şey kuantize edilmez (gerçi görüntü hâlâ kayıplı dönüştürüldüğü için tam olarak kayıpsızla aynı değil). Kalite 1’de neredeyse her şey atılır: bloklu, bulanık, renk değişmiş çıktı.
Bu uç noktalar arasında kaydırıcı dosya boyutunu görünür kaliteye karşı takas eder. Değiş tokuş doğrusal değil:
- Kalite 100 → 90’a geçmek görünür değişiklik neredeyse olmadan ~%50 dosya boyutu tasarrufu sağlar
- Kalite 90 → 80’e geçmek küçük bozulmayla ~%20 daha tasarruf eder
- Kalite 80 → 70’e geçmek daha belirgin değişikliklerle ~%15 daha tasarruf eder
- Kalite 60’ın altında bozulmaları görmezden gelmek zorlaşır
- Kalite 40’ın altında görüntü açıkça zarar görmüş
Sonuç: kalite 75, görünür hasarın bir kısmıyla kalite 50’nin dosya boyutu tasarrufunun %70’ini verir. Kalite 90 ise görünür fayda olmadan bayt harcar.
Farklı kalite seviyelerinin gerçekte nasıl göründüğü
1500×1000 px JPG fotoğraf için:
| Kalite | Dosya boyutu | Görsel görünüm |
|---|---|---|
| 100 | ~800 KB | Kaynakla aynı (kayıpsıza yakın) |
| 95 | 500 KB | Herhangi bir yakınlaştırmada kaynaktan ayırt edilemez |
| 85 | 260 KB | Normal izleme mesafesinde ayırt edilemez |
| 75 | 170 KB | İnce dokuda hafif yumuşama; çoğu fotoğrafta görünmez |
| 65 | 120 KB | Yakın incelemede hafif yumuşama |
| 55 | 90 KB | Görünür yumuşama; küçük resimler için kabul edilebilir |
| 40 | 60 KB | Belirgin bozulmalar; yoğun bulanık arka planlar için |
| 20 | 35 KB | Bariz bloklanma ve renk değişimi |
Kesin rakamlar değişir — ince ayrıntılı fotoğraflar (yapraklar, kumaş, dokular) yumuşak görüntülerden daha erken bozulmalar gösterir.
Kaliteyi kullanım durumuna eşleştirme
Hero fotoğraflar ve ürün çekimleri
Kullanıcıların gerçekten baktığı görüntüler. Ekranı dolduruyorlar, dikkat çekiyorlar, markanın estetik ağırlığını taşıyorlar. Keskin ama israf olmamalarını istersiniz.
Önerilen: kalite 80-85.
Retina ekranlarda detay takıntılı izleyiciler bile bozulma görmez, kalite 95’e göre %40-60 tasarruf edersiniz.
Galeri küçük resimleri
200-400 px genişliğinde görüntülenen küçük görüntüler. Kullanıcılar bakıp tıklar. Bu görüntüleme boyutunda zaten ince ayrıntı büyük ölçüde görünmez.
Önerilen: kalite 65-75.
Küçük resimleri görüntüleme boyutunun çözebileceğinden daha keskin yapmak için bayt harcamayın.
Bindirmeli hero arka plan fotoğrafları
Metin veya gradyanların arkasında oturan görüntüler. Görüntünün çoğu görsel olarak gizlenmiş veya vurgusu azaltılmış. İnce ayrıntı neredeyse fark edilmez.
Önerilen: kalite 55-70.
Bindirme küçük bozulmaları gizler. Bunlar genellikle büyük görüntüler olduğundan dosya boyutu burada kaliteden önemli.
Logolar ve grafik öğeler
Bunlar hiçbir şekilde JPG olmamalı — PNG veya SVG olmalılar. Bir nedenle JPG olmaları gerekiyorsa, keskin kenarlar etrafında görünür yankıdan kaçınmak için kalite 90+ şart. Daha iyi çözüm: PNG’ye dönüştürün.
Ekran görüntüleri ve UI görüntüleri
Metin veya keskin kenarlar içeriyorlarsa, JPG onları herhangi bir kalitede mahveder. PNG veya WebP kayıpsız kullanın.
Yeniden düzenlenecek ve yeniden kaydedilecek görüntüler
Her yeniden kayıt JPG kalite kaybını birleştirir. Birden çok kez düzenlenecek görüntü için ana kaynağı PNG (kayıpsız) olarak saklayın, yalnızca sonunda JPG’ye dışa aktarın.
Algısal vs sayısal kalite
İnce bir nokta: kaydırıcıdaki kalite numarası algısal ölçeğe eşlenmez. JPG kalite 80 ve WebP kalite 80 birbirinden çok farklı görünür — her kodlayıcı sayıyı farklı yorumlar.
Kaba çeviri:
- JPG kalite 80 ≈ WebP kalite 75 ≈ AVIF kalite 65
Format değiştirirken, kaydırıcıyı yeniden test edin — sadece aynı sayıyı tutmayın.
”İki sürümü karşılaştırma” testi
Bir kalite ayarı seçmenin güvenilir yolu, gerçek içeriğiniz üzerinde doğrudan karşılaştırma:
- Temsili bir görüntü alın
- Kalite 90, 80, 70, 60, 50’de kopyalar dışa aktarın
- Orijinalle yan yana tam ekran açın
- Güvenilir şekilde ayırt edemediğiniz en düşük kaliteyi bulun
- Güvenlik için 5 puan artırın
- İşte ayarınız
Çoğu ekrandaki çoğu fotoğraf için bu süreç kalite 70-80’de sonuçlanır.
Aracımızda kaliteyi nasıl ayarlarsınız
Image Compressor aracımızın 0’dan 100’e kalite kaydırıcısı var, sürüklediğinizde ortaya çıkan dosya boyutunu canlı gösteriyor. İş akışı:
- Görüntünüzü bırakın
- Kaydırıcıyı 75’te başlatın
- Önizlemeye bakın — kalite kabul edilebilir mi?
- Bozulmaları görene kadar aşağı kaydırın, sonra 5 puan geri yukarı
- İndirin
Sunucu gidiş-dönüşleri olmadığı için hızlı yineleme yapabilirsiniz. Kalite 70’i deneyin — çoğu fotoğraf için farkı kelimenin tam anlamıyla göremezsiniz, ama kullanıcılarınız %40 daha küçük dosya alır.
Özet tablosu
| Görüntü türü | Önerilen kalite |
|---|---|
| Hero fotoğraf (ekranı dolduran, izleyici bakıyor) | 80-85 |
| Normal içerik fotoğrafı | 75 |
| Galeri küçük resmi | 65-75 |
| Bindirmeli arka plan görüntüsü | 55-70 |
| Bulanık / dekoratif arka plan | 40-55 |
| Yeniden düzenlenecek görüntü | Son dışa aktarmaya kadar PNG olarak tutun |
| Logo, simge, diyagram, ekran görüntüsü | JPG kullanmayın — PNG kullanın |
Tek bir sayı hatırlıyorsanız, o da 75. Çoğu web fotoğrafı için doğru varsayılan, tipik 85-90 varsayılanına göre dosya boyutunu yaklaşık yarıya indiriyor.