Tarayıcınızdan Çıkmadan Resim Sıkıştırma
Yukarıya bir resim bırakın ve sıkıştırın. Araç, en iyi sıkıştırma oranı için varsayılan olarak WebP çıktısı kullanır ancak JPEG veya PNG’ye geçebilirsiniz. Kalite çubuğunu ayarlayın, dosya boyutlarını yan yana karşılaştırın ve sonucu indirin. Resimleriniz yerel olarak işlenir ve asla yüklenmez.
Kayıplı Resim Sıkıştırması Nasıl Çalışır
Kayıplı sıkıştırma, insanların fark etmesi muhtemel olmayan resim verilerini atarak dosya boyutunu azaltır. Spesifik teknik formata göre değişir ancak hedef aynıdır: algılanan kaliteye en az katkıda bulunan bilgiyi bulun ve kaldırın.
JPEG sıkıştırması (DCT)
JPEG, resmi 8x8 piksellik bloklara böler ve her bloğa Ayrık Kosinüs Dönüşümü (DCT) uygular. DCT, piksel değerlerini uzamsal verilerden (her konumda parlaklık) frekans verilerine (parlaklığın blok boyunca ne kadar hızlı değiştiği) dönüştürür. Yüksek frekanslı bileşenler ince detayı temsil eder; düşük frekanslı bileşenler yumuşak geçişleri temsil eder.
WebP sıkıştırması
WebP’in kayıplı modu DCT yerine tahmine dayalı kodlama kullanır. Her blok için kodlayıcı, içeriği zaten kodlanmış çevreleyen bloklara göre tahmin eder, ardından yalnızca farkı (artık) depolar.
PNG optimizasyonu
PNG doğası gereği kayıpsızdır, bu nedenle kalite çubuğu yoktur. PNG boyutunu küçültmenin pratik yolu çözünürlüğü düşürmek, renk paletini azaltmak veya piksel mükemmelliği için yaklaşık %26 daha küçük dosyalar elde eden WebP kayıpsıza dönüştürmektir.
Kalite Çubuğu
%-92-100: Orijinalden neredeyse ayırt edilemez. Sıkıştırılmamıştan 2-4 kat daha küçük. Arşiv veya baskı için.
%-80-90: Web resimleri için ideal nokta. %85’te JPEG fotoğraflar görünür fark olmaksızın 5-10 kat daha küçüktür.
%-60-79: Yan yana karşılaştırmada fark edilir kalite düşüşü ancak küçük resimler ve sosyal medya önizlemeleri için kabul edilebilir.
%-60 altı: Görünür artefaktlar.
Web Optimizasyonu İçin Pratik İş Akışı
- Önce boyutlandırın. 800x600’de görüntülenecekse 4000x3000 fotoğrafı sıkıştırmanın anlamı yoktur.
- Doğru formatı seçin. Fotoğraflar için WebP. Ekran görüntüleri için PNG. Ölçeklenmesi gereken simgeler için SVG.
- Kaliteyi ayarlayın. JPEG için %85’ten, WebP için %80’den başlayın.
- Dosya boyutunu kontrol edin. Kahraman resimleri için makul bütçe 100-200 KB’dir.
Sıkıştırılmış resimleri HTML veya CSS’ye gömmek için Base64 Kodlayıcı aracını kullanın.