Daha Hızlı Web Siteleri İçin Ücretsiz Görsel Sıkıştırıcı

Bir görsel sıkıştırıcı, çoğu sayfanın en ağır kısmını hafifletir. Medyan ana sayfada görseller masaüstünde 1054 KB, mobilde 900 KB ağırlığındadır; toplam sayfa ağırlığı ise sırasıyla 2652 KB ve 2311 KB'tır (HTTP Archive, Web Almanac 2024, Sayfa Ağırlığı). Google'ın kendi görsel yönergeleri de aynı şeyi söyler: görseller "genellikle toplam sayfa boyutuna en büyük katkıyı yapar", bu da sayfaları yavaş ve yüklemesi pahalı hale getirir (Google Search Central, görsel SEO en iyi uygulamaları).

Ücretsiz görsel sıkıştırıcı nasıl çalışır?

Araca bir veya birkaç görsel bırakın, kaliteyi ayarlayın ve daha hafif dosyaları indirin. Her şey cihazınızda gerçekleşir: tarayıcı her dosyayı okur, yeniden çizer ve yeniden kodlar; böylece görselleriniz hiçbir zaman bir sunucuya gitmez.

1. Dosyalarınızı ekleyin: JPEG, PNG veya WebP, her biri en fazla 10 MB. Aynı anda birkaç tane seçebilirsiniz.
2. Kaliteyi ayarlayın: kaydırıcıyla %10'dan (azami sıkıştırma) %100'e (azami kalite) kadar. Varsayılan %80'dir.
3. Raporu okuyun: toplam kazanç, ardından her görsel için son boyutu, ölçüleri ve çıktı biçimini gösteren bir satır.
4. İndirin: her dosyayı ya da hepsini tek tıkla. Her ad "compressed-" ile başlar; böylece bir özgün dosyanın üzerine yanlışlıkla yazmazsınız.

İlk çalıştırmadan sonra kaydırıcıyı oynatırsanız araç aynı dosyaları yeniden sıkıştırır; bu da iki ayarı karşılaştırmayı hızlı kılar.

Araç her görsel için hangi biçimi seçer?

Adayları test eder ve en küçük dosyayı tutar. Hiçbir aday özgün dosyanızı geçemezse özgün dosyayı korur ve görselin zaten optimize edildiğini söyler.

WebP'nin sık kazanmasının belgelenmiş bir nedeni var: Google, kayıpsız WebP dosyalarını PNG'lerden %26, kayıplı WebP dosyalarını eşdeğer kalitedeki benzer JPEG'lerden %25 ile 34 arasında daha küçük ölçüyor ve her iki modda da şeffaflık destekleniyor (Google for Developers, WebP). Google Arama; BMP, GIF, JPEG, PNG, WebP, SVG ve AVIF biçimlerindeki görselleri dizine ekler; dolayısıyla WebP dosyası görsel arama için de güvenlidir.

Hangi kalite ayarını kullanmalısınız?

Fotoğraflar için %80 kullanın ve ancak sonucu tam boyutta kontrol ettikten sonra daha aşağı inin. Kaydırıcı, tarayıcının kodlayıcısına 0 ile 1 arasında bir kalite değeri iletir; bu, tarayıcıların kayıplı görselleri dışa aktarma biçimidir (MDN, HTMLCanvasElement.toBlob()). Düşük değerler daha fazla ayrıntıyı siler; doğru düzey görselin neyi gösterdiğine bağlıdır.

Ekran görüntüleri ve metin içeren görseller fotoğraflardan daha yüksek bir ayarı hak eder: sıkıştırma kusurları ilk olarak keskin harflerin çevresinde görünür.

Görsel ağırlığı SEO için neden önemlidir?

Çünkü bir sayfanın ana görseli çoğu zaman Google'ın süresini ölçtüğü şeydir. Largest Contentful Paint (LCP), görünür en büyük öğenin ne zaman göründüğünü ölçer ve iyi bir puan, sayfa yüklemelerinin 75. yüzdelik diliminde 2,5 saniye veya daha azdır (web.dev, Largest Contentful Paint). Mobilde LCP öğesi, sayfaların %68'inde bir görseli içerir (Web Almanac 2024, Medya).

Google, "Arama'da başarı için" iyi Core Web Vitals değerlerini önerir ve bunların temel sıralama sistemlerinin ödüllendirmeyi amaçladığı şeyle örtüştüğünü söyler (Google, Core Web Vitals ve Arama). Daha hafif bir ana görsel, LCP değerinizi iyileştirmenin en doğrudan yollarından biridir.

Sıkıştırma işin tamamı değildir. Google'ın LCP rehberi, daha küçük bir dosyanın indirme süresini kısalttığını, ancak tarayıcı görseli geç keşfediyor veya geç işliyorsa kazanılan sürenin başka bir adıma kaydığını açıklar (web.dev, LCP'yi optimize etme). Dosyayı sıkıştırın, ardından ana görselin baştan itibaren HTML'de olduğundan ve tembel yüklenmediğinden emin olun.

Görselleri sıkıştırmadan önce nasıl hazırlarsınız?

Önce yeniden boyutlandırın, sonra sıkıştırın. Sıkıştırıcı dosyanızın piksel ölçülerini korur; dolayısıyla 800 piksel genişliğinde gösterilen 4000 piksellik bir fotoğraf, ekranın gösterdiğinden hâlâ 25 kat fazla piksel taşır.

1. Görüntülenme boyutuna göre yeniden boyutlandırın: keskin ekranlar için görselin gösterildiği genişliğin yaklaşık iki katı yeterlidir. Tam genişlikte bir blog kapağı nadiren 1600 ile 2000 pikselden fazlasına ihtiyaç duyar.
2. İşe yaramayanı kırpın: boş kenar boşlukları bayt ve dikkat kaybettirir.
3. %80'de sıkıştırın, karşılaştırın, ayarlayın.
4. Dosyayı yeniden adlandırın: "red-trail-running-shoes.webp" gibi birkaç açıklayıcı kelimeyle; çünkü Google, kısa ve açıklayıcı bir dosya adının görselin konusu hakkında ona hafif ipuçları verdiğini söyler.
5. Alt metni yazın: görseli eklerken yazın; alt metin sözlük maddemize bakın.

Tarayıcı üzerinden yeniden kodlama, özgün dosyada saklanan kamera meta verilerini de dışarıda bırakır; bu da telefonla veya fotoğraf makinesiyle çekilmiş fotoğraflardan birkaç kilobayt daha çıkarır.

Bir görsel ne kadar ağır olmalı?

Resmi bir sınır yoktur, ancak pratik bütçeler sayfaları hızlı tutar. Bu hedefleri başlangıç noktası olarak kullanın ve sayfanın tamamını sayfa boyutu kontrol aracıyla ölçün.

• Ana veya kapak görseli: çoğu zaman LCP'ye karar verdiği için 150 ile 200 KB'ın altında.
• Makale içindeki görseller: her biri 100 KB'ın altında.
• Küçük resimler ve logolar: en fazla birkaç düzine KB.
• Sayfanın tamamı: yukarıdaki medyanla karşılaştırın. Mobil iç sayfalar medyanda 348 KB görsel taşır; bu, iyi kurulmuş bir makalenin ne kadar hafif olabileceğini gösterir.

Hangi hatalar sıkıştırmanın faydasını ortadan kaldırır?

Çoğu, görsel sayfaya yerleştirildiğinde, sıkıştırma adımından sonra gerçekleşir.

• Ana görseli tembel yüklemek. Mobildeki LCP görsellerinin neredeyse onda biri tembel yüklenir; bu, sayfaları çok daha yavaş yapan bir kötü uygulamadır (Web Almanac 2024, Medya). loading="lazy" değerini ekranın altındaki görseller için saklayın.
• Genişlik ve yükseklik özniteliklerinin olmaması. Bunlar olmadan görsel geldiğinde sayfa zıplar; bu da yerleşim kararlılığına zarar verir.
• Her ekran için tek bir büyük dosya. Telefonlara srcset ile daha küçük sürümler sunun.
• Aynı JPEG'i tekrar tekrar sıkıştırmak. Her kayıplı geçiş ayrıntı kaybettirir. Yüksek kaliteli bir ana dosya saklayın ve sıkıştırmayı ondan yapın.
• CMS'i unutmak. Bazı platformlar her yüklemenin kendi sürümlerini üretir; yüklediğiniz dosyayı değil, gerçekte sunulan dosyayı kontrol edin.

Her sayfayı zaman içinde nasıl hafif tutarsınız?

Sıkıştırmayı yayımlamanın parçası yapın, ardından düzenli olarak denetleyin. Ağır görselleri ve eksik alt metinleri yakalamak için önemli sayfalarınızda sayfa içi SEO denetimini çalıştırın ve eksiksiz kontrol listesi için görsel optimizasyonu rehberimizi okuyun.

Sık yayın yapıyorsanız rutini otomatikleştirin. Sorank blog makalesi oluşturucusu sitenizde görselli makaleler yazar ve yayımlar; GEO ve SEO panosu ise bu sayfaların kazandığı Google trafiğini ve yapay zeka görünürlüğünü izler.

Yeniden boyutlandırın, %80'de sıkıştırın, tam boyutta kontrol edin: bu rutin sayfalarınızdaki ağırlığın çoğunu kaldırır. Görsellerinizi yukarıdaki sıkıştırıcıya bırakın, ardından optimize edilmiş içeriği autopilot ile yayımlamak için Sorank planlarına göz atın.