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
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.
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:
İ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:
“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:
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.
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:
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 (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.
İş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:
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 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:
"Genel" sekmesi altında üç sıkıştırma düzeyi arasından seçim yapabilirsiniz:
- Kayıpla – daha yüksek sıkıştırma, daha düşük görüntü kalitesi
- Parlak – orijinal görüntüyle neredeyse aynı
- 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
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:
"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:
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 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:
- Resim değiştirmeyi etkinleştir
- Görüntüleri ölçeklendirme ve geç yükleme
"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:
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:
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:
- Orijinal görsel boyutu: 555 KB
- Resim formatı: JPEG
- Resim boyutları: 1 piksel x 000 piksel
Fişe takmak | Sıkıştırılmış boyut | İndirim yüzdesi |
---|---|---|
Imagify | 25,8 Ko | %95 |
Smush | 554,8 Ko | 3% |
ShortPixel | 31,2 Ko | %94 |
EWWW | 496,2 Ko | 9% |
Optimole | 26 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!