WordPress için 4 En İyi WebP Eklentisi

Google, WebP veya AVIF formatında resimler sunmayı önerir – Kaynak: PagesPeed Insights WordPress siteniz için neden bir WebP eklentisi seçmenizi Seçmenizi Photoshop veya Sketch kullanarak WebP’ye manuel olarak dönüştürebilmenize rağmen, WordPress eklentileri çok daha rahattır ve çok zaman kaydetebilir . Seçimler yapmanıza yardımcı olmak için, WordPress için WebP eklentisini seçerken aranması gereken 4 önemli özellik ekledik. WebP eklentisinde aranması gereken ana özellikler, bir WebP eklentisi seçerken dikkate alınması gereken en önemli şeylerdir:
Kütle Özellikleri – WordPress kütüphanenizde yüzlerce görüntü varsa, tek bir tıklamada her şeyi bir webp olarak değiştirmek için bir düğmeye ihtiyacınız vardır. Çok zaman kazanmanızı sağlayacaktır.
Tarayıcı Uyumluluğu İncelemesi – Tarayıcı resimler içerdiğinde, eklenti WebP biçimini destekleyip desteklemediğini kontrol etmelidir. İyi kullanıcı deneyimleri için, WebP görüntülerini yalnızca bu biçimi destekleyen ve bunları yükleyemeyen istemciler için JPEG veya PNG formatına geri dönen tarayıcılara sunmalısınız.
Daha küçük görüntü dosyası boyutu – WebP’ye dönüştürmeden önce ve sonra dosya boyutunuzu kontrol etmeyi unutmayın: Dönüştürülen görüntü dosyası boyutunda% 25’ten% 40’a kaydetmeniz gerekir. Görüntü dönüştürmeleri uzun mesafeli sunucu üzerinden yapılır – Eklenti geliştiricisi, kaynaklarınızı etkilemeyecek şekilde görüntüleri optimize etmek ve dönüştürmek için sunucularını kendiniz kullanır.
Artık WebP Converter eklentisinde ne arayacağınızı bildiğinize göre, WordPress için en iyi 4 WebP eklentisini tartışabiliriz.
En İyi WordPress WebP eklentisi, resimlerinizi WebP’ye dönüştürmek için kullanabileceğiniz dört WordPress eklentisi vardır:
Hayal etmek
Medya için WebP Dönüştürücü
Kısa piksel
WebP İfadesi
Optimize edilmeyen görüntüler genellikle web sitesinin yavaş olmasının nedenlerinden biridir. Neyse ki, resimleri birkaç tıklamada WebP’ye dönüştürmenize yardımcı olabilecek birkaç WordPress eklentisi var. JPEG’den WebP’ye dönüşürken ne kadar veri kaydetmemize yardımcı olabileceğini karşılaştıralım. ÖNEMLİ: Orijinal JPEG görüntüsüm 119 KB ağırlığında ve her eklenti için% 85 sıkıştırma seviyesi uygulayacağım.
Orijinal JPEG Image – Kaynak: WordPress Kütüphanesi 1. Hayal Image, görüntünüzü sıkıştırarak, bir WebP’ye dönüştürerek ve boyutunu doğru bir şekilde değiştirerek otomatik olarak optimize eden en iyi WebP eklentilerinden biridir. Tüm optimizasyon, kendi bant genişliğinizi etkilemeyecek şekilde kendi sunucularında gerçekleştirilir. WebP Dönüşümlü Gösterge Tablosu’nu hayal edin – Kaynak: WebP görüntüsünün yeni boyutunu%85 sıkıştırma ile gözlemlemeyi hayal edin, web sitesinin ön ucundan Devtools’u açmamız gerekiyor. “IMG” sütununu açın ve resmin ne kadar parlak olduğunu kontrol edin (119KB ila 21KB). WebP Görüntü Boyutu: 21KB – Kaynak: Devtools özetlemek gerekirse, bu, imajımı WebP’ye dönüştürerek ne kadar tasarruf yaptığım ve sıkıştırarak ne kadar tasarruf yaptığım % 85 (Ultra Mod): jpeg (kb) webp (kb) ve % depolanmış ağırlık sayfaları jpeg (gtMetrix) WebP Sayfa Ağırlığı (GTMetrix)

119 kb 21 kb (-82) 1.23 mb (Şekil Toplam sayfa boyutunun% 12'sidir) 865 KB (resim toplam sayfa boyutunun% 3'üdür)

Hayal edin: Aylık 20MB veri veya sınırsız görüntüler için ayda 9,99 $ ödeyebilirsiniz.

Fiyat - Kaynak: Hayal Etme 2. Bu Freemium eklentisiyle medya için WebP Dönüştürücü, görüntüleri WebP'ye kolayca dönüştürebilir ve çok fazla kalite kaybetmeden sitenizi hızlandırabilirsiniz. İşlem kolaydır, eklentiyi yükledikten sonra başka bir şey yapmanız gerekmez, mevcut resminiz yalnızca WebP olarak değiştirilir.

WebP Dönüşümü - Kaynak: Medyanız için WebP Dönüştürücüsü Ayrıca, tüm kütüphaneyi ve gelecekteki resimleri tek bir tıklamayla dönüştürmenizi sağlayan pratik bir düğmeye sahiptir: Tüm WebP sürümlerini üretin - Kaynak: Tüm yeniden oluşturduğumda medya için webp dönüştürücü , Resmimin toplam ağırlığının% 50'sini kurtardım:

Resmin ağırlığının% 50'sine kadar kaydedin - Önemli Medya için WebP kaynağı dönüştürücü: WordPress kitaplığınızda dönüştürülen dosyaları görmeyeceksiniz, bunun yerine Chrome'dan bir geliştiriciyi açmanız ve aşağıdaki "görüntü" sütununu görüntülemeniz gerekir.

WebP Görüntü Boyutu: 74.7KB - Kaynak: Devtools Bu, görüntülerimi WebP'ye dönüştürerek ve%85 ile sıkıştırarak ne kadar veri kaydettiğim: jpeg (kb) WebP (KB) ve % Depolama JPEG sayfasını tartın (GTMetrix) WebP Sayfa Ağırlığı (GTMetrix)

119 kb 74.7 kb (% -39) 1.23 MB (resim toplam sayfa boyutunun% 12'sidir) 1.05 MB (Şekil% 6'dır. Toplam Sayfa Boyutu)

Görüntüleri dönüştürmek ve optimize etmek için uzun mesafeli sunucuların yalnızca Pro sürümünde 10.000 görüntü için ayda 5 USD'den başlayarak mevcut olduğunu unutmayın. 3. Shortpixel kısa pikselleri, dosyaları WebP'ye dönüştürmenizi sağlayan freemium sıkıştırma eklentileridir. En yaygın görüntü türleri (JPG, PNG, GIF, WebP ve AVIF) artı PDF dosyaları için kayıplı ve kayıpsız görüntü sıkıştırması sağlar.

WebP Seçenekleri ve Sıkıştırma% 85 - Kaynak: ShortPixel Daha sonra her şeyi WebP'ye dönüştürmek ve kayıplı sıkıştırma oranlarını (% 85) kullanarak sıkıştırmak için kütle seçeneklerini kullanabilirsiniz:

Kütle WebP Seçenekleri - Kaynak: Kısa Piksel Dönüştürülen dosyanın yeni boyutunu kontrol etmek, kromdan dev cihazını açmak ve aşağıda gösterildiği gibi "görüntü" sütunu görüntülemek için: WebP Görüntü Boyutu: 55.2KB - Kaynak: Kısa piksel ayarlarını takip eden Devtools Şekilde özet Görüntümü webp'e dönüştürüyorum ve % 85 ile sıkıştırıyorum: jpeg (kb) webp (kb) ve % depolanmış ağırlığı JPEG PAGE (GTMetrix) WebP Sayfa Ağırlığı (GTMetrix) </tMetrix)

119 kb 55.2 kb (%-54) 1.23 MB (Şekil Toplam sayfa boyutunun% 12'sidir) 1.10 MB (resim toplam sayfa boyutunun% 7'sidir)

Shortpixel, ayda ~ 100 görüntüyü ücretsiz olarak optimize etmenizi sağlayan ücretsiz bir pakete sahiptir. Premium paketler ayda 4,99 $ 'dan 5.000 resim/kredi veya 10.000 kredi paketi için 9.99 $' a başlar.

4. WebP Express WebP, WebP'yi destekleyen tarayıcıya JPEG/PNG yerine otomatik olarak oluşturulan WebP görüntülerini sunan bir başka ücretsiz eklentidir.

WebP'nin%85 oranında dönüştürülmesi ve sıkıştırılması- Kaynak: WebP Express Sonuçları görmek, Devtools'u tekrar açın ve sonuçları görüntüye göre filtreleyin. Tüm resimlerim sıkıştırıldı ve webp'ye dönüştürüldü:

WebP Görüntü Boyutu: 32.4 KB - Kaynak: Devtools Özetlemek gerekirse, bu, görüntümü WebP'ye dönüştürerek ve%85'te sıkıştırarak ne kadar tasarruf ediyorum: jpeg (kb) webp (kb) ve % depolanmış jpeg sayfalarının ağırlığı (gtMetrix) webp sayfaları webp (gtMetrix)

kb 32.4 KB (% -70) 1.23 MB (resim toplam sayfa boyutunun% 12'sidir) 1.01 MB (resim% 5'dir. Toplam Sayfa Boyutu)

Sonuç olarak, Imagify, dosya boyutunu en çok 119 kb'den 21 kb'ye düşüren eklentidir, bu da tasarruf%82 anlamına gelir.Buna ek olarak, bahçe ağırlığı Imagify sayesinde 1.23 MB'den 865 kb'ye düştü.

Eklenti Adı JPEG (KB) WebP (KB) ve % depolanmış jpeg sayfa ağırlığı (gtMetrix) WebP Sayfa Ağırlığı (GTMetrix)

Hayal #1 119 KB

%) 1.23 MB ( Resim toplam sayfa boyutunun% 12'sidir) 865 kb (resim toplam sayfa boyutunun% 3'üdür) Medya için WebP Konvertör 119 kb 74.7 kb ( % -39) 1.23 MB (resim toplam sayfa boyutunun % 12'sidir) 1.05 MB (resim toplam sayfa boyutunun% 6'sıdır)

kısa piksel 119 kb 55.2 kb (-54% ) 1.23 MB (Şekil toplam sayfa boyutunun% 12'sidir) 1.10 MB (resim toplam sayfa boyutunun% 7'sidir)

WebP İfadesi 119 KB 32.4 KB (% -70) 1.23 MB (Şekil toplam sayfa boyutunun% 12'sidir) 1.01 MB (Şekil toplam sayfa boyutunun% 5'idir)

Görüntünüzü dönüştürün WebP iyi bir başlangıçtır, ancak WordPress sitenizi önemli ölçüde hızlandırmak ve PagesPeed Insights'ta en uygun puanı almak yeterli değildir. Daha fazla görüntü optimizasyon tekniği uygulanabilir ve Imagify'ın tam olarak nasıl yardımcı olabileceğidir.
Imagify Imagify'ın performansı üzerindeki etkisi, sayfa ağırlığını sadece birkaç tıklamada daha hafif hale getirerek WordPress sitenize hızda bir artış sağlar. Bu, kaliteyi azaltmadan görüntü dosyası boyutlarını azaltmanızı sağlayan en iyi görüntü sıkıştırma eklentilerinden biridir. Görüntü optimizasyonu açısından, PagePeed Insights denetiminin dikkate alınması gereken bazı kısımlar vardır, örneğin: Yeni nesil formatta mevcut görüntüler (WebP)

Görüntü verimli bir şekilde kodlar (Web için doğru şekilde sıkıştırın ve optimize edin)

Doğru görüntü boyutu
Görüntü öğesinin açık genişliği ve yüksekliği yok
Neyse ki, Image, resimle ilgili tüm performans sorunlarını geliştirmenize yardımcı olabilir. Mobil cihazlar için PagesPeed Insights'ta kısa bir denetimin nasıl çalıştırılacağına bakalım. Bazı performans sonuçları ve Imagify ile ve Imagify olmadan denetim bölümü sunacağım. Hayal etmeden, bu benim test sitemin hücresel görünümüdür:
Hayal etmeden Performans Metriği - Kaynak: PagePeed Insights sayfaPeed Insights da görüntülerle ilgili birkaç sorunu işaret eder. Örneğin, WebP'de görüntüler sunarsak, 2,25 saniyeye kadar tasarruf edeceğiz!
PSI Sonuçları Hayal Edilmeden - Kaynak: Hayal Etme ile Sayfa PagePeed Insights, performans seviyesi 55/100'den 68/100'e yükseldi ve değişti. PSI. Örneğin, önbellekleme, JS veya CSS ile ilişkili önemli performans problemleri, WP roket gibi WordPress önbellek eklentileri tarafından işlenebilir.

PSI puanımı geliştirmeyi hayal edin - Kaynak: Yukarıda belirtildiği gibi sayfaPeed Insights, Imagify ayrıca "görüntüleri yeni nesil formatta depolamak", "görüntüleri verimli kodlama" ve bazı PSI uyarılarını geliştirir ve "Görüntüyü doğru ölçün". Bu, tüm sayfa resimlerimi optimize eder ve bunları tek bir tıklamayla WebP biçimine dönüştürür.
Imagify ile mezun oldu - Kaynak: PagePeed Insights Görüntülerin optimizasyonunu ve doğru formatın kullanımı Google'daki performans ve sıralama seviyenizde çok önemli bir rol oynar. Image, görüntüleri WebP'ye dönüştürmek ve kaliteyi düşürmeden sıkıştırmanın en iyi eklentilerinden biridir. Güçlü optimizasyon eklentileri, PagePeed Insights'ta toplam mezuniyet denetimi yapmamıza ve görüntü dosyası boyutumuzu%80 azaltmamıza olanak tanır! Şimdi webp görüntülerinin web sitenizi hızlandırmak için neden bu kadar önemli olduğunu biliyorsunuz, neden Imagify'ı denemiyorsunuz? Bu tamamen ücretsizdir ve aldığınız tek risk web sitenizin daha hızlı yüklendiğini görmektir!

WordPress için 4 En İyi WebP Eklentisi