Karşınızda Yeni Ultra Smush: Minimum Kalite Kaybı ile 5x Görüntü Sıkıştırma Artışı

Yayınlanan: 2023-07-19

WPMU DEV'in ödüllü görüntü optimizasyonu eklentisinin yeni Ultra Smush'u, etkileyici görüntü kalitesini korurken, Super Smush'tan 5 kata kadar daha yüksek eşi görülmemiş görüntü sıkıştırma düzeylerinin kilidini açar!

WordPress siteniz resimlerle dolu mu? Bu görüntülerin sayfalarınıza Otobanda hız yapan bir lamborghini'den daha hızlı yüklenmesini ve onları tam yığın bir geliştiricinin programından daha sıkı sıkıştırmasını ister misiniz? Ve tüm bunları neredeyse hiç fark edilir görüntü kalitesi kaybı olmadan mı yapıyorsunuz?

O zaman Ultra Smush'u etkinleştirmenin zamanı geldi.

Bu makalede:

  • 5 Kat Daha Fazla Tasarruf? Sonuçlar burada
  • Smush'un Ultra Modunu Etkinleştirme
  • Ultra Smush, Super Smush ile Nasıl Karşılaştırılır?
  • Görüntü Sıkıştırma Neden Önemlidir?

Gelelim asıl meseleye…

5 Kat Daha Fazla Tasarruf? Sonuçlar burada

Yeni Ultra Smush görüntü sıkıştırma düzeyinin nasıl etkinleştirilip kullanılacağına ve neden zaten etkileyici olan Super Smush özelliğimizden bile daha etkileyici sonuçlar verebileceğine geçmeden önce, Ultra Smush kullanmanın bazı sonuçlarını paylaşalım.

İlk olarak, yalnızca Super Smush etkinken (CDN, Local WebP ve Lazy Load etkin değil) 1.000'den fazla büyük boyutlu görüntü içeren bir test sitesinde toplu bir sıkıştırma gerçekleştirmenin sonuçları...

Super Smush kullanarak görüntü sıkıştırma tasarrufu.
Ultra Smush'tan Önce: Yalnızca Super Smush kullanılarak görüntü sıkıştırma tasarrufu.

Ultra Smush'u etkinleştirdikten sonra, zaten görüntü için optimize edilmiş bir siteden daha fazlasını çekip çıkaramayacağımızı görmek için testi tekrar yaptık.

Ve oldu! Ultra Smush, 5 kattan fazla tasarruf sağladı…

Smush'un Ultra modunu kullanan Toplu Smush test sonuçları
Ultra Smush'tan Sonra: Halihazırda optimize edilmiş bir sitede 5 kattan fazla tasarruf!

Erken test edenler benzer sonuçlar aldıklarını bildirdi.

Süper Smush ve Ultra Smush
Sonuçlar: Süper Smush (Önce) ve Ultra Smush (Sonra)

Ve burada, Ultra Smush'un görüntü kalitesi üzerindeki etkisi hakkında ilk testçilerden aldığımız yorumlardan sadece birkaçı:

  • "Ultra harika. Nitelikler arasındaki farkı bulmak zordu. Kalite kaybı önemsizdir. Etkilendim!"
  • "Oldukça iyi görünüyor, ancak gerçekten yakından bakarsam bazı renklerin orijinali kadar canlı ve bazı kenarların orijinali kadar keskin olmadığını görebiliyorum."
  • "Birçok ayrıntı içeren orta boyutlu bir görüntüde, hafif renk doygunluğu farklarını görmek için çok yakından bakmanız gerekir. Düz ama gradyan bir arka plana sahip büyük bir görüntüde, gradyanlar arasındaki geçişler daha belirgindir ve ana nesne biraz keskin görünür. Gerçekten çok yakından bakmanız ve beklemeniz gerekiyor. Üstün kalite gerektiren bir fotoğraf sitesi için olmasa da. Sonuç olarak: oldukça etkileyici.”

Eklenti geliştirme ekibimiz ayrıca DSSIM testleri (orijinal görüntüden farkı gösteren bir kalite karşılaştırma metriği – puan ne kadar düşükse o kadar iyi) çalıştırarak Ultra Smush'un sonuçlarını Ewww görüntü iyileştirici ve TinyPNG ile karşılaştıran kapsamlı testler yaptı.

Ultra Smush, çoğu testte rakiplerinden daha iyi performans gösterdi ve hem sıkıştırma tasarrufu hem de genel kazanan oldu…

Ultra Smush testleri - Ortalama Dosya Boyutu Küçültme
Dosya Boyutu Küçültme testi, Ultra Smush'un açık ara kazanan olduğunu gösteriyor!

…ve görüntü kalitesi (düşük DSSIM değerleri = daha iyi görüntü kalitesi).

Ultra Smush testleri - Ortalama DSSIM Değeri
DSSIM testi, Ultra Smush'un rakiplerinden üstün görüntü tasarrufu ve daha iyi kalite sağladığını gösteriyor.

Açık olmak gerekirse, Ultra Smush kullanmak Kayıplı sıkıştırma ile sonuçlanacaktır, bu nedenle orijinal kaliteyi beklememeniz gerekse de sonuçlar yine de son derece etkileyici olacaktır.

Smush'un Ultra Modunu Etkinleştirme

Ultra Smush yalnızca yeni bir özellik değil, Bulk Smushing görüntüleri için tamamen yeni bir sıkıştırma seviyesidir.

Ultra mod, eklentinin ücretsiz sürümündeki Super Smush düğmesini ek "Smush Modu" seçenekleriyle değiştiren bir Smush Pro özelliğidir.

Ultra moda geçmek son derece kolaydır. Sitenizde Smush Pro kuruluysa, Toplu Smush Ayarları ekranına gidin ve düğmeye tıklayarak Ultra (Yüksek Sıkıştırma) öğesini seçin ve ardından ayarlarınızı kaydedin.

Toplu sıkıştırma görüntüleri için ihtiyaçlarınıza en uygun sıkıştırma seviyesini seçin.

Smush Modu, Toplu Smush ayarları için üç sıkıştırma seviyesi sunar:

  • Temel – Minimum dosya boyutu küçültme (düşük tasarruf), orijinal görüntü kalitesinde kayıpsız piksel mükemmel sıkıştırma ve hız üzerinde ihmal edilebilir etki için bu seçeneği seçin.
  • Süper – Daha hızlı sayfa yüklemeleri için, mükemmel görüntü netliği ile dosya boyutunu önemli ölçüde azaltmak için bu ayarı seçin. Super Smush, resimleriniz için 2 kata kadar sıkıştırma tasarrufu sağlar (kayıplı sıkıştırma).
  • Ultra – Profesyonel düzeyde performans sıkıştırması için bu sıkıştırma seçeneğini seçin. Ultra Smush, etkileyici görüntü kalitesini korurken Super'den 5 kata kadar daha yüksek sıkıştırma seviyeleri sağlar.

Eklenti ayarlarınızda Ultra Smush'u etkinleştirdikten sonra, sonuçları The Hub'ın Performans sekmesinden izleyebilirsiniz.

Merkez: Performans Sekmesi - Ultra Smush
The Hub içinde Ultra Smush optimizasyon sonuçlarını görüntüleyin.

notlar:

  • Temel (kayıpsız) veya Süper Sıkıştırma ayarlarını kullanarak görüntüleri optimize etmeye devam etmeyi tercih ederseniz, bunun yerine bu Sıkıştırma Düzeyi seçeneklerini seçmeniz yeterlidir.
  • Smush'un halihazırda çalışmakta olduğu bir sitede Ultra Smush'u etkinleştirirseniz, daha fazla optimizasyon tasarrufundan yararlanmak için tüm görüntüleri yeniden kontrol etmeyi ve yeni bir Toplu Smush gerçekleştirmeyi unutmayın.
Toplu Smush - Resimleri Yeniden Kontrol Edin
Ultra Smush'u etkinleştirdikten sonra, sitenizi daha da optimize etmek için Bulk Smush'u tekrar çalıştırın.

Ultra Smush, Super Smush ile Nasıl Karşılaştırılır?

Super Smush, neredeyse hiç kalite kaybı olmadan 2 kata kadar daha hızlı görüntü optimizasyonu sağlarken, Ultra Smush'un yeni sıkıştırma motoru, olağanüstü sıkıştırma sonuçları elde etmek için dosya boyutunu 5 kata kadar küçültme olanağı sunar.

Not: Şu anda Ultra Smush yalnızca JPEG görüntülerini iyileştirmektedir. Eklentinin gelecekteki sürümlerinde PNG resimlerini iyileştirmeye yönelik özellikler eklenecektir.

Ultra Smush hakkında daha fazla bilgi edinmek için Smush eklentisi belgelerine bakın.

Görüntü Sıkıştırma Neden Önemlidir?

WordPress optimizasyonuna yeni başlıyorsanız, web sitelerinde görüntü sıkıştırma kullanmanın genel kullanıcı deneyimini ve site performansını artıran aşağıdakiler gibi birkaç önemli fayda sağladığını bilmek önemlidir:

Daha Yüksek Yükleme Hızları

Sıkıştırılmış görüntülerin boyutu daha küçüktür, yani birisi WordPress web sitenizi ziyaret ettiğinde yüklenmeleri daha az zaman alır. Daha yüksek yükleme hızları, kullanıcı memnuniyetini artırır ve hemen çıkma oranlarını azaltır. Ek olarak, arama motorları arama sonuçlarında daha hızlı yüklenen web sitelerine öncelik verme eğiliminde olduğundan, sayfa yükleme hızı SEO için çok önemli bir faktördür.

Geliştirilmiş Kullanıcı Deneyimi

Resimler hızlı bir şekilde yüklendiğinde, kullanıcıların içeriğinizle etkileşimde kalma olasılığı daha yüksektir. Yüksek kaliteli, sıkıştırılmış görseller, ziyaretçilerin uzun yükleme sürelerini beklemeden web sitenizin görsel öğelerine erişebilmelerini sağlar. Bu olumlu deneyim, daha fazla kullanıcı elde tutma ve daha yüksek dönüşüm oranları sağlayabilir.

Bant Genişliği Tasarrufu

Sıkıştırılmış görüntüler daha az bant genişliği tüketir ve özellikle sınırlı veri planına veya daha yavaş internet bağlantısına sahip kullanıcılar için web sitenizi daha verimli hale getirir. Bu, genellikle kısıtlı veri izinlerine sahip olduklarından mobil kullanıcılar için özellikle önemli olabilir.

Azaltılmış Sunucu Yükü

Sunucunun her görüntü isteği için daha az veri işlemesi ve iletmesi gerektiğinden, daha küçük görüntü boyutları sunucu yükünün azalması anlamına gelir. Bu, trafiğin yoğun olduğu zamanlarda performans sorunlarının önlenmesine ve barındırma maliyetlerinin düşürülmesine yardımcı olabilir.

Daha Yüksek SEO Sıralaması

Google ve diğer arama motorları, sayfa yükleme hızını sıralama faktörlerinden biri olarak kabul eder. Görüntü sıkıştırma yoluyla elde edilen daha hızlı yükleme süreleri, web sitenizin SEO'sunu olumlu yönde etkileyebilir ve potansiyel olarak daha yüksek arama motoru sıralamalarına yol açabilir.

Yedekleme ve Geri Yükleme Kolaylığı

Daha küçük resim dosyalarının yedeklenmesi ve geri yüklenmesi daha hızlıdır, bu da web sitenizin yedeklerini verimli bir şekilde yönetmenizi kolaylaştırır.

Erişilebilirlikle İlgili Hususlar

Daha hızlı yükleme süreleri, ekran okuyuculara güvenen veya sınırlı bant genişliği erişimine sahip engelli kişiler de dahil olmak üzere tüm kullanıcılara fayda sağlar.

WordPress web sitelerinde görüntü sıkıştırmayı uygulamanın en kolay yolu, siz WordPress sitenize (hem dahili olarak Medya Kitaplığına hem de harici ortama) medya yüklerken görüntü sıkıştırma ve optimizasyonu otomatik olarak işlemek için kolayca kurulabilen ve yapılandırılabilen Smush gibi bir eklenti kullanmaktır. dizinleri) görsel kaliteden ödün vermeden.

Üstün Görüntü Optimizasyonu İçin Ultra Smush'u Seçin

Daha önce bahsedildiği gibi, Ultra Smush bir Smush Pro özelliğidir. Şu anda ücretsiz Smush eklentisini kullanıyorsanız, bir WPMU DEV üyesi olmayı düşünün ve ekstra tasarruf ve performans iyileştirmelerinin yanı sıra her yerde bulunan en sağlam "hepsi bir arada" WordPress yönetim platformuna erişimin avantajlarından yararlanmaya başlayın.

Bu nedenle, amacınız görüntü dosyası boyutlarını önemli ölçüde azaltmak ve tüm süreci otomatikleştirmekse, çözüm son derece basittir… tüm WordPress sitelerinizde Ultra Smush'u etkinleştirin ve görüntü sıkıştırma tasarruflarında ve etkileyici görüntü kalitesinde 5 kata kadar optimizasyon artışı yaşayın.

Görüntülerinizi WordPress'te Ultra Smushing'e henüz başlamadınız mı? Sonuçlarınızı aşağıdaki yorumlarda paylaşın.