Bu özette inceleyeceğimiz şey, en iyi WordPress görüntü iyileştiricileridir.

Her biri bu amaç için en iyi araç olduğunu iddia ediyor. Bu yüzden gerçekte nasıl performans gösterdiklerini görmek için onları gerçek hayatta test ettik.

Testlerimizin sonuçları bizi gerçekten şaşırttı. Özellikle "popüler" eklentiler hakkında tam olarak ne keşfettiğimizi öğrenmek için okumaya devam edin.

Neden görüntüleri optimize etmeye zahmet edesiniz ki?

Görüntüler yaklaşık olarak temsil edilmektedir. Belirli bir sayfanın boyutunun %21'i .

İçeriğinizde ne kadar çok görsel kullanırsanız sayfanın yüklenmesi o kadar uzun sürer. Ancak yine de sitenizde görseller kullanmalısınız. Resimlerinizi Photoshop veya benzeri bir programla optimize etmek, bir resmin boyutunu küçültmenin tek yoluydu.

Ancak çok fazla çalışma ve belirli miktarda bilgi gerektirir. Neyse ki, WordPress'in bu işi sizin için yapmasına yönelik çok çeşitli görsel optimizasyon eklentileri var.

İşte test ettiğimiz eklentiler.

En İyi WordPress Görüntü Optimizasyon Eklentileri

Imagify 

Ana sayfayı hayal edin

Imagify WordPress için ücretsiz bir eklentidir ancak eklentinin çalışması için gereken API'yi almak için bir Imagify.io hesabı oluşturmanız gerekecektir.

API bağlantısını hayal edin

Imagify'ı yaratanlarla aynı kişilerden geliyor WP Rocket bu nedenle özellikler ve yetenekler açısından yüksek beklentilerimiz vardı.

Imagify Arayüzü

Birden fazla sekme, yan menü veya buna benzer şeyler konusunda endişelenmenize gerek kalmayacak; Imagify arayüzü tek bir sayfayı kaplıyor:

En İyi WordPress Görüntü Optimize Edici

İlk bakışta biraz korkutucu olabilir, ancak aslında endişelenmeniz gereken "optimizasyon düzeyi" ve görüntü desteğini etkinleştirme gibi yalnızca birkaç ayar vardır.

Az ya da çok budur.

Gerçekten harika bir özellik, görsellerinizi optimize edebilmenizdir WordPress temaveya bunun yerine görsellerden oluşan bir klasörün tamamını ekleyin:

En İyi WordPress Görüntü Optimize Edici

“Görsel Karşılaştırma” aracı hoş bir dokunuş: eklentide mevcut olan farklı görüntü sıkıştırma seviyelerini önizleyebilirsiniz:

optimize görüntüleri

Üç farklı görüntü sıkıştırma türü seçebilirsiniz:

  • Normal – minimum sıkıştırma
  • Agresif – orta sıkıştırma (varsayılan ayar)
  • Maksimum ultra sıkıştırma

Bu eklentilerin çoğunda olduğu gibi, mevcut görseller için "toplu optimizasyon" yapabilirsiniz ancak biz bunun yeni görselleri optimize etmeyi nasıl başardığını test etmek istedik.

Bunun nasıl yapılacağı pek açık değildi; bazı deneme yanılmalar söz konusuydu.

Önce görseli yüklemeniz, ardından optimizasyon ayarlarını bulmak için WordPress'teki medya kitaplığınıza gitmeniz gerekir:

WP medya kitaplığında optimizasyon ayarlarını hayal edin

Görseliniz, Imagify eklentisinin varsayılan ayarına göre optimize edilmiştir ve bu durumda dosya boyutunu bir oranında azaltan "Agresif" ayarı olmuştur. muazzam %95,34 .

Gerçek anlamda bu, dosya boyutunun 555 KB'tan 25 KB'a düştüğü anlamına geliyor.

Agresif ayar optimizasyonu sonucunu hayal edin

Bu ekrandan 'Ultra'ya kadar veya 'Normal'e kadar optimizasyon yapmayı seçebilir, ayrıca görüntü dosyasını orijinal durumuna geri yükleyebilirsiniz.

Hatta orijinal dosyanın kalitesini, yayınlamadan önce yeni optimize edilmiş sürümle karşılaştırabilirsiniz:

Imagify orijinal ile optimize edilmiş olanı karşılaştırır

Avantages

  • Çok etkileyici görüntü sıkıştırma
  • Ücretsiz planları ayda 25 MB görüntü bant genişliğini kapsıyor
  • Minimal arayüzün kullanımı çok kolaydır

DEZAVANTAJLARI

  • "Yönetici" ayarları için ayrı bir sekme güzel olurdu, ancak burada ince ayrıntılara dikkat ediyoruz

Imagify'ın Özeti:

  • Kurulum kolaylığı: API anahtarına erişmek için kaydolmanız gerekir
  • Son Güncelleme :  hafta orada 2
  • WebP görüntü desteği: Evet
  • Görüntü sıkıştırmayı test edin:  % 95,34

Smush 

Smush Görüntü Sıkıştırma ve Optimizasyon

Smush (eski adıyla WP Smush) en popüler görüntü sıkıştırma eklentilerinden biridir.

Aslında çoğu web sitesi sahibine görüntü sıkıştırma için ne kullandıklarını sorsanız muhtemelen "Smush" derler. Bu aynı zamanda eklentinin neden 1 aktif kuruluma sahip olduğunu da açıklıyor.

Ama bakalım ününü hak ediyor mu?

Sıkıştırma arayüzü

Kontrol paneli çok nettir ve size kaç resmin üzerine yazdığınız ve şu anda kaç resmin üzerine yazılması gerektiğini söyler:

Smush'un geri kalan işlevlerine ekranın sol tarafındaki menüden erişilebilir:

  • Toplu Smush – tüm görsellerinizi aynı anda sıkıştırın
  • Dizin Smush – belirli bir dizindeki tüm görüntüleri sıkıştırır
  • entegrasyonlar – Gutenberg, Amazon S3 NextGen Galerisi ve WP Bakery Page Builder
  • tembel Yük – görüntülerin ekranın alt kısmına yüklenmesini erteleyin
  • CDN – Smush için WPMU Geliştirici CDN'sini etkinleştirin
  • araçları – Yanlış boyutlu görüntüleri tespit edin ve görüntüleyin
  • Parametreler – Erişilebilirlik, çeviriler, kullanım takibi, uygulama verileri ve API durumu

Adil olmak gerekirse, muhtemelen bakmanız gereken tek ayarlar 'Bulk Smush' ve 'Lazy Load' olacaktır.

optimize görüntüleri

Smush, yeni görüntüleri varsayılan olarak otomatik olarak sıkıştırır, bu nedenle Smush'un gerçekten ne yaptığını görmek için bu ayarı kapatmamız gerekti.

Smush Otomasyonu Sıkıştırma

İşte bu yüzden bunun varsayılan ayar olduğunu görüyorsunuz… çünkü oynanacak başka görüntü sıkıştırma ayarı yok:

Medya kitaplığındaki sıkıştırmasız resim Smush

Ezmek ya da Ezmemek… işte bütün mesele bu!

Ve Smush yaptığınızda sonuçlar pek de şaşırtıcı olmuyor:

Smush Görüntü Optimizasyonu Sonuçları

Smush bize bir Boyutta %3,7 azalma test görselimiz için.

Gerçekten adil olma çabasıyla, her şeyin bu kadar iyi olup olmadığını görmek için daha büyük bir görseli test ettik:

Bu sefer görüntü boyutunda %86,1'lik bir küçülme elde ettik. Smush, 1,5 MB'lık bir dosyayı sıkıştırırken 555 KB'lik bir dosyadan çok daha iyi bir iş çıkardı ve görüntüleri karşılaştırdıktan sonra nedenini bulduk: daha büyük olan görüntü daha az renge sahipti ve daha az karmaşıktı.

Bu, Smush sıkıştırma algoritmasının mümkün olduğu kadar basit olduğu anlamına gelir.

Avantages

  • Smush Kontrol Paneli, oyununuzun net bir görsel temsilini sunar. Statistiques ve görevler
  • %100 ücretsiz bir eklentidir

DEZAVANTAJLARI

  • Dosya boyutunda %3’lük bir “gelişme” acınacak bir durum
  • Sıkıştırma düzeylerini değiştiremezsiniz

Smush'un Özeti:

  • Kurulum kolaylığı: WordPress'ten yükleyin ve etkinleştirin
  • En son eklenti güncellemesi: ay var 1
  • Görüntü sıkıştırmayı test edin: % 3,7
  • WebP desteği?  Olmayan

ShortPixel 

ShortPixel hemen tanımayabileceğiniz bir isim, ancak piyasadaki en iyi görüntü CDN'lerinden biri olarak ün kazanıyorlar.

Burada değinmemiz gereken ilk şey aslında iki farklı ShortPixel eklentisinin olduğudur:

  • ShortPixel Görüntü Optimize Edici (SIO)
  • Kısa Piksel Uyarlanabilir Görüntüler (SAI)

Peki aralarındaki fark nedir?

ShortPixel Image Optimizer siteler için daha iyi bir seçimdir Verileri yerel bir kitleye yaymak ShortPixel Uyarlanabilir Görüntüler, uluslararası kitlelere hizmet veren siteler için en uygunudur.

Bu nedenle yalnızca “Uyarlanabilir Görüntüler” eklentisini test ettik.

Eklentiyi yüklemek basittir ancak her şeyin düzgün çalışması için bir API talep etmeniz gerekir.

ShortPixel arayüzü

Diğer bazı eklentilerle karşılaştırıldığında temiz bir nefes olan arayüzlerine minimalist bir yaklaşım benimsediler:

ShortPixel AI Parametreleri

"Genel" sekmesi altında üç sıkıştırma düzeyi arasından seçim yapabilirsiniz:

  1. Kayıpla – daha yüksek sıkıştırma, daha düşük görüntü kalitesi
  2. Parlak – orijinal görüntüyle neredeyse aynı
  3. kayıp olmadan : daha düşük sıkıştırma, daha yüksek görüntü kalitesi

Yavaş görüntü yükleme gibi WebP desteği de varsayılan olarak etkindir. Seçmeniz gereken tek şey kullanmak istediğiniz sıkıştırma türüdür.

"Gelişmiş" sekmesi, API URL'sini ve %99'unuzun asla ihtiyaç duymayacağı bir dizi ayarı içerir.

Yine neredeyse hiçbir konfigürasyon söz konusu değildir.

Görüntü Sıkıştırma

ShortPixel, görüntü sıkıştırma ihtiyaçlarınızı "anında" karşılar, bu nedenle sonuçları gerçekten ölçmek biraz zordur.

Aslında bulmanın tek yolu Statistiques görüntü sıkıştırma konusunda kendi web siteleri aracılığıyla gerçekleştirilir.

Ayrıca yalnızca saatte bir güncellenen ayrı bir rapor indirmeniz gerekir:

Ancak sonuçlar etkileyiciydi... onları bulduğumuzda:

Biz bir Dosya boyutunda %94,36 azalma , çeşitli parametrelerde herhangi bir ayarlama, manipülasyon veya manipülasyon yapılmadan elde edilir.

Bu puan ShortPixel'i çok küçük bir farkla 3. sıraya koyuyor.

Avantages

  • Görüntü optimizasyonunu ayarlayın ve unutun
  • Mükemmel görüntü dosyası boyutu küçültme
  • Karmaşık ayarlarda manipülasyon yok
  • Ücretsiz hesap mevcut (ayda 100 görsel)

DEZAVANTAJLARI

  • Eklentide bir raporlama panosuna ihtiyaçları var
  • Mevcut çeşitli eklentiler kafa karıştırıcıdır

ShortPixel'in Özeti:

  • Kurulum: WordPress'ten yükleyin ve etkinleştirin
  • En son eklenti güncellemesi: saat orada 16
  • Görüntü sıkıştırmayı test edin: % 94,36
  • WebP desteği? Evet

EWWW Optimize Edici 

Ewww resim optimizasyon eklentisi

700 aktif yükleme ve 000 yıldız derecelendirmesiyle, EWWW görüntü sıkıştırma eklentisi olarak iyi bir seçim gibi görünüyor.

Sonuçta, eğer birkaç yüz bin site sahibi bundan memnunsa, o zaman bir şeyleri doğru yapıyorlar demektir.

arayüzey

EWWW Image Optimizer, bekleyebileceğiniz görüntü sıkıştırma düzeyinin yanı sıra şu ana kadar ne kadar dosya alanından tasarruf ettiğinizi gösteren son derece görsel bir kontrol paneline sahiptir.

Sıkıştırma seviyesinin %20'ye ayarlandığını fark etmiş olabilirsiniz, bu da yine de çok kötü görünmüyor.

"Temel" menüsünde hiçbir görüntü türü için optimizasyon seviyelerini gerçekten değiştiremeyeceğinizi fark edene kadar:

Ewww görüntü optimizasyonu temel menüsü

"Pixel Perfect Plus" veya daha iyi sıkıştırma araçlarına erişmek için bir API anahtarı satın almanız gerekir.

Bu başarısızlığı bir sonraki bölümde biraz daha ayrıntılı olarak ele alacağız.

Arayüzün geri kalanına sekmeli bir menü aracılığıyla erişiliyor, ancak yeni kullanıcıların açılıp kapatılabilecek düzinelerce farklı seçeneği gördüklerinde gerçekten bunalmış hissedebileceklerini düşünüyoruz.

Görüntü Sıkıştırma

Smush gibi, EWWW Image Optimizer da WP medya kitaplığınıza yüklenen tüm yeni görselleri otomatik olarak sıkıştırır.

Ne yazık ki, bunu yapmanın tek yolu wp_config.php dosyanızı veya onların "" dediği şeyi manuel olarak düzenlemektir. değiştirme seçenekleri '.

Bu gözetim, eklentiyi çok sayıda insan için anında erişilemez hale getirir.

Eklenti testimizi varsayılan optimizasyon ayarını kullanarak yaptık ve şu sonucu aldık:

Ewww Resim Optimizasyon Sonuçları

Dosya boyutundaki bu %9'luk azalma (58,8 KB), test görseli boyutumuzu 555 KB'den 496,2 KB'ye düşürdü.Bu, Smush'tan biraz daha iyi bir performanstır, ancak bu sentezin diğer tüm eklentilerinin çok gerisindedir.

Bu sonucu iyileştirmenin tek yolu, resim başına 0,0003 ABD doları ücret alan bir API satın almaktır. Veya bunun yerine ExactDN görüntü CDN'leri için ayda 9 ABD doları ödeyebilirsiniz.

Akıllı bir pazarlama hareketi gibi görünebilir, ancak ücretsiz eklentilerini etkili bir şekilde işe yaramaz hale getiriyor.

Bu sadece bir görüntü optimizasyon eklentisi gibi giyinmiş bir potansiyel müşteri oluşturma aracıdır.

Avantages

  • EWWW Görüntü Optimize Edici ücretsizdir

DEZAVANTAJLARI

  • Arayüz gerçek bir felaket
  • Görüntü sıkıştırması çok zayıf
  • Eklentinin ücretsiz sürümünün işlevselliği son derece sınırlıdır

EWWW'nin Özeti

  • Kurulum: WordPress'ten yükleyin ve etkinleştirin
  • En son eklenti güncellemesi: hafta orada 2
  • Görüntü sıkıştırma: % 9
  • WebP desteği? Evet

Optimole

Optimole

Optimole  bulut tabanlı görüntü optimizasyonu ve sıkıştırma sunması açısından Imagify ve ShortPixel ile birçok benzerliği olan bir üründür.

Veya kendi deyimleriyle “…WordPress için gerçek zamanlı bir görüntü işleme ve görüntü CDN'si”.

Diğer birçok bulut tabanlı görüntü optimizasyon aracı gibi, bu eklentiyi kullanmak için de ücretsiz bir hesap oluşturmanız gerekir. Optimole hesabınız "sonsuza kadar ücretsiz" değildir: 1 GB görsel sınırı uygulanır.

arayüzey

Optimole arayüzünü sevdik; ihtiyacınız olan tüm ayarları parmaklarınızın ucunda tutarken yanıltıcı derecede basit tutmayı başardılar.

"Kontrol Paneli" ve "Ayarlar" arasında seçim yapabilirsiniz:

Ayarlar altında iki ana seçeneğiniz vardır:

  1. Resim değiştirmeyi etkinleştir
  2. Görüntüleri ölçeklendirme ve geç yükleme
Optimole Genel Ayarlar

"Gelişmiş" menüsü altında şunlardan seçim yapabilirsiniz:

  • Sıkıştırma seviyesi – düşük, orta veya yüksek
  • Görüntü yeniden boyutlandırma – büyük resimleri sığacak şekilde yeniden boyutlandırın
  • Yavaş yüklenme (genel yer tutucuyu etkinleştir)
  • İstisnalar – optimize edilmesini istemediğiniz dosyalar
  • filigran – sülükleri/hırsızlıkları caydırmak için resimlerinize filigran ekleyin

Göze çarpan bir hata olmasaydı grubun en sezgisel arayüzü olarak kabul edilirdi.

Eklentiye erişmek, Eklentiler -> Yüklü Eklentiler'e gitmek ve ardından eklentinin "Ayarlar" seçeneğine tıklayarak aşağı kaydırmak anlamına gelir.

Bu sorunu gelecekteki bir güncellemede bir tür yönetici çubuğu veya içerik menüsü sistemiyle çözeceklerini umuyoruz.

Görüntü Sıkıştırma

Yani arayüz harika, ancak görüntü dosyası boyutunu küçültmeyi ne kadar iyi başarıyor?

İşte burası işlerin biraz dağıldığı yer. Medya kitaplığıyla entegre olmadığından orada görüntü dosyalarında herhangi bir küçülme göremedik. Biraz değişiklik ve yenilemeden sonra kontrol paneline geri döndük ve sonucu orada bulduk:

Optimole Görüntü Optimizasyonu Sonuçları

Test görselimiz artık öncekine göre 21,8 kat daha küçük ve bu harika görünüyor. Ama hâlâ elimizdeydi fikrim yok bunun kilobayt/megabayt cinsinden ne anlama geldiği. Bu yüzden son çare olarak Optimole hesabımızın web kontrol paneline baktık:

Optimole ile optimize edilmiş en son görseller

26 KB inanılmaz bir sonuç, ancak bu bilgiyi elde etmek için içinden geçilmesi gereken çok fazla engel var. Optimole işini çok iyi yapıyor ancak UX üzerinde çalışmaları gerekiyor.

Ayrıca ayda 1 GB ücretsiz görselinizi (5 GB görüntüleme bant genişliği) kullandıktan sonra maliyetlerinizi de göz önünde bulundurmanız gerekir.

Avantages

  • Etkileyici görüntü azaltma özelliği
  • Filigran özelliği oldukça havalı
  • Basitleştirilmiş ve sezgisel arayüz
  • Aylık 5 GB ücretsiz görüntü bant genişliği

DEZAVANTAJLARI

  • Aslında eklentiye erişmek bir angaryadır
  • Raporlar en hafif tabirle karmaşıktır

Optimol Özeti

  • Kurulum kolaylığı: API anahtarına erişmek için kaydolmanız gerekir
  • En son eklenti güncellemesi: gün orada 1
  • Görüntü sıkıştırma: % 95
  • WebP desteği? Evet

Görüntü Sıkıştırma Sonuçları

Aşağıdaki tüm sonuçlar bu test görüntüsüne dayanmaktadır:

En İyi WordPress Görüntü Optimize Edici Nedir?
  • Orijinal görsel boyutu: 555 KB
  • Resim formatı: JPEG
  • Resim boyutları: 1 piksel x 000 piksel
Fişe takmakSıkıştırılmış boyutİndirim yüzdesi
Imagify25,8 Ko%95
Smush554,8 Ko3%
ShortPixel 31,2 Ko%94
EWWW 496,2 Ko9%
Optimole26 Ko%95

En iyi görüntü optimizasyonu sonucuna sahip eklenti: Imagify.io Optimole 2. sırada yer alırken ShortPixel 3. sıraya çok ama çok yaklaşıyor.

Testlerimizde en ilginç olan şey Smush ve EWWW'nin zayıf performansıydı ancak rakamlar yalan söylemiyor.

Kelimenin tam anlamıyla söylediklerini yapmayan eklentileri kullanmanın bir anlamı yok.

Sonuç

Bu da bizi WordPress görüntü iyileştirici karşılaştırmamızın sonuna getiriyor ve Imagify açıkça kazanan oluyor.

Performansa gerçekten şaşırdık tarafından ve Optimole testlerimizde.

Ancak bu, her iki eklenti hakkında da fazla bilgi sahibi olmadığımız gerçeğine ve tarafımızdan herhangi bir olumsuz algıya dayanmıyordu.

ShortPixel bizim tercih ettiğimiz araçtır çünkü neredeyse otomatiktir: biz onun kendi işini yapmasına izin veririz.

Muhtemelen bildiğiniz gibi, yaptığımız hemen hemen her şeyi sistemleştirmeyi seviyoruz. Ancak bununla birlikte, nasıl çalıştığını görmek için Imagify ile canlı sitelerde daha fazla test yapabiliriz.

Bu özet hakkında ne düşündüğünüzü bir yorumla bize bildirin ve yararlı bulduysanız bu makaleyi paylaşmayı unutmayın.

Devam et, istediğini biliyorsun!