Görsel Sıkıştırıcı

Görüntü sıkıştırma, bir görüntünün dosya boyutunu kullanılamaz hale getirmeden azaltma işlemidir. Gereksiz verileri atarak (kayıplı sıkıştırma) veya mevcut verileri daha verimli bir şekilde depolayarak (kayıpsız sıkıştırma) çalışır. Görüntü sıkıştırma önemlidir çünkü görüntüler, tipik bir web sayfasının toplam ağırlığının yüzde 50 ila 60'ını oluşturur. Daha küçük görüntü dosyaları, daha hızlı sayfa yükleme, daha düşük bant genişliği maliyetleri, mobil ağlarda daha iyi kullanıcı deneyimi ve Core Web Vitals performansı aracılığıyla gelişmiş arama motoru sıralamaları anlamına gelir.

Kayıplı sıkıştırma, daha küçük dosya boyutları elde etmek için görüntü verilerini kalıcı olarak kaldırır. Atılan veriler kurtarılamaz. JPEG, WebP (kayıplı mod) ve AVIF tarafından kullanılır. Tipik dosya boyutu azaltımı yüzde 60 ila 95 arasındadır, ancak agresif ayarlarda gözle görülür kalite kaybı oluşabilir. Kayıpsız sıkıştırma, herhangi bir görüntü bilgisini kaldırmadan gereksiz verileri belirleyip ortadan kaldırarak dosya boyutunu azaltır. Sıkıştırma açıldığında, görüntü piksel piksel orijinaliyle aynıdır. PNG ve WebP (kayıpsız mod) tarafından kullanılır. Tipik dosya boyutu azaltımı yüzde 10 ila 50 arasındadır ve sıfır kalite kaybı olur. Dosya boyutunun önemli olduğu fotoğraflar için kayıplı sıkıştırmayı seçin. Logolar, ekran görüntüleri ve metin veya keskin kenarlar içeren görüntüler için kayıpsız sıkıştırmayı seçin.

Eşik, görüntü içeriğine ve formata bağlıdır: - JPEG: Kalite 80 ila 85, neredeyse görünmez artefaktlarla mükemmel sonuçlar verir. Kalite 60, geçişlerde belirgin sıkıştırma gösterir. 50'nin altında artefaktlar belirgindir. - WebP kayıplı: Kalite 75 ila 85, JPEG'de kalite 80 ila 90'a denk gelirken önemli ölçüde daha küçüktür. Kalite 60, çoğu görüntü için kabul edilebilir kalır. - AVIF: Kalite 50 ila 70, JPEG'de 80 ila 90 ile karşılaştırılabilir görsel kalite sunar ve dosyalar yüzde 50'ye kadar daha küçüktür. Bozulma kademelidir ve JPEG'den daha az rahatsız edicidir. - PNG: PNG kayıpsız sıkıştırma kullandığından kalite asla düşmez. Dosya boyutu azaltımı, bir kalite kaydırıcısını düşürmekten değil, uygun olduğunda 8 bit renk derinliğini seçmekten gelir. Her görüntü farklıdır — belirli içeriğiniz için en uygun noktayı bulmak için birkaç kalite ayarını test edin.

Her senaryo için tek bir en iyi format yoktur. Bu kılavuzu kullanın: - Şeffaflık içermeyen fotoğraflar: Evrensel uyumluluk için JPEG, geniş destekle daha küçük dosyalar için WebP veya modern tarayıcılarla maksimum sıkıştırma için AVIF kullanın. - Logolar, simgeler ve şeffaflık içeren görüntüler: Evrensel destek için PNG veya daha küçük dosyalar için WebP kayıpsız kullanın. - Ekran görüntüleri ve UI maketleri: Net metin ve keskin kenarları korumak için PNG kullanın. - Animasyonlu grafikler: Alfa şeffaflığını desteklerken yüzde 40 ila 60 daha küçük dosyalar için GIF yerine WebP kullanın. Çoğu modern web sitesi için WebP, şeffaflık ve animasyon ile hem kayıplı hem de kayıpsız sıkıştırmayı destekleyen en çok yönlü tek formattır.

Evet. Modern görüntü sıkıştırma araçları, PNG, JPEG, WebP ve AVIF dosyalarını orijinal formatlarını koruyarak optimize etmenize olanak tanır. Bu önemlidir çünkü: - Format dönüşümü, yeniden kodlamadan kaynaklanan kalite kaybına neden olabilir. - Orijinal formatı korumak, şeffaflık, renk profili veya meta verilerde beklenmeyen değişiklikleri önler. - İş akışınız daha basit kalır — yükle, sıkıştır, indir — ara dönüşüm adımları olmadan. Orijinal formatta sıkıştırma, en güvenli ve en verimli yaklaşımdır. Görüntünüzü yüklemeniz, kalite ayarlarınızı seçmeniz ve optimize edilmiş sürümü indirmeniz yeterlidir.

Görüntü sıkıştırma, üç Core Web Vitals metriğinden ikisini doğrudan etkiler: - Largest Contentful Paint (LCP): Sıkıştırılmış görüntüler daha hızlı indirilir, en büyük görünür öğenin oluşturulma süresini azaltır. Google, 2,5 saniyenin altında bir LCP önerir. Görüntü sıkıştırma, bu puanı iyileştirmenin en etkili yollarından biridir. - Cumulative Layout Shift (CLS): Sıkıştırma, düzen kaymalarını doğrudan etkilemese de, sıkıştırılmış görüntülerde genişlik ve yükseklik niteliklerini belirtmek, görüntü yüklendiğinde düzenin kaymasını önler. Sıkıştırma, boyutların bilinmeyebileceği süreyi azaltır. Görüntüleri optimize etmek, genellikle bir Lighthouse performans denetiminde yapabileceğiniz en yüksek etkili tek değişikliktir.

Hayır. En yüksek kalite ayarını (100) kullanmak, web kullanımı için algılanabilir bir fayda olmaksızın gereksiz yere büyük dosyalar üretir. İnsan gözü çoğu görüntüde kalite 100 ile kalite 90 arasındaki farkı ayırt edemez, ancak dosya boyutu farkı yüzde 50 veya daha fazla olabilir. Profesyonel web iş akışları genellikle JPEG ve WebP için kalite 80 ila 85, AVIF için kalite 50 ila 70 kullanır. Bu ayarlar, orijinaliyle esasen aynı görünen ancak boyutunun çok daha küçük bir kısmı olan görüntüler sunar. Kalite 100'ü ana kopyalar ve arşiv depolaması için saklayın. Web dağıtımı için her zaman optimize edin.

En iyi sıkıştırma iş akışı, hacminize ve teknik kurulumunuza bağlıdır: - Ara sıra kullanım (haftada birkaç görüntü): Çevrimiçi bir görüntü sıkıştırıcı kullanın. Saniyeler içinde yükleyin, kaliteyi ayarlayın ve indirin. Yazılım kurulumu gerekmez. - Düzenli yayıncılık (bloglar, sosyal medya): Sıkıştırmayı CMS'nize entegre edin veya toplu işlemeyi destekleyen bir masaüstü aracı kullanın. - Üretim web siteleri (yüzlerce görüntü): sharp veya Squoosh CLI gibi araçları kullanarak derleme hattınızda sıkıştırmayı otomatikleştirin. Kalite eşiklerini bir kez ayarlayın ve araç zincirinin her görüntüyü işlemesine izin verin. - Yüksek trafikli siteler: Otomatik sıkıştırmayı, anında optimizasyon ve format müzakeresi sunan bir CDN ile birleştirin. Her ölçekte temel prensipler aynıdır: orijinal formatta sıkıştırın, meta verileri temizleyin ve kalite ayarlarınızı gerçek performans ölçümleriyle test edin. JPEG, PNG, WebP ve AVIF görüntülerini anında optimize etmek için ücretsiz çevrimiçi görüntü sıkıştırıcımızı kullanın. Kayıt yok, format dönüşümü yok — sadece web siteniz için daha iyi, daha hızlı görüntüler.