WordPress için En İyi 4 WebP Eklentisi

Yayınlanan: 2022-05-19

Resimlerinizi WebP'ye dönüştürmek için en iyi WordPress eklentisini mi arıyorsunuz? Doğru yere geldiniz. Tonlarca resimle uğraşıyorsanız ve resim dosyalarınızın boyutunu küçültmeye ve optimize etmeye çalışıyorsanız, bunları WebP'ye dönüştürmek akıllıca bir stratejidir.

WebP, Google tarafından oluşturulan ve JPEG, GIF ve PNG resimlerinin dosya boyutunu önemli ölçüde azaltan yeni nesil bir web biçimidir. Bu biçimi kullanmak, daha iyi optimize edilmiş resimler, daha hızlı bir site ve PageSpeed ​​Insights'ta daha iyi bir performans derecesi anlamına gelir.

Google, görüntüleri WebP veya AVIF biçimlerinde sunmayı öneriyor - Kaynak: PageSpeed ​​Insights
Google, görüntüleri WebP veya AVIF biçimlerinde sunmayı öneriyor – Kaynak: PageSpeed ​​Insights

WordPress Siteniz için Neden Bir WebP Eklentisi Seçmelisiniz?

Photoshop veya Sketch kullanarak resimlerinizi manuel olarak WebP'ye dönüştürebilseniz de, bir WordPress eklentisi çok daha kullanışlıdır ve size tonlarca saat kazandırabilir. Seçiminizi yapmanıza yardımcı olmak için, WordPress için bir WebP eklentisi seçerken aramanız gereken 4 önemli özelliği aşağıda listeledik.

Bir WebP eklentisinde aranacak ana özellikler

Bir WebP eklentisi seçerken kontrol edilmesi gereken en önemli şeyler şunlardır:

  • Toplu özellik – WordPress kitaplığınızda yüzlerce görsel varsa, hepsini tek bir tıklamayla WebP'ye dönüştürmek için tek bir düğmeye ihtiyacınız olacaktır. Bu size çok zaman kazandıracak.
  • Tarayıcı uyumluluğu kontrolü – Tarayıcı bir resim yüklediğinde, eklentinin WebP formatını destekleyip desteklemediğini kontrol etmesi gerekir. İyi bir kullanıcı deneyimi için, WebP görüntülerini yalnızca bu biçimi destekleyen tarayıcılara sunmak ve onu yükleyemeyen istemciler için JPEG veya PNG biçimlerine geri dönmek isteyeceksiniz.
  • 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ünün dosya boyutunda %25'ten %40'a kadar tasarruf etmelisiniz.
  • Uzak sunucu aracılığıyla yapılan görüntü dönüştürme – Eklenti geliştiricilerinin, kaynaklarınızı etkilememesi için görüntüleri optimize etmek ve dönüştürmek için kendi sunucularını kullanıp kullanmadığını kontrol edin.

Artık bir WebP dönüştürücü eklentisinde ne arayacağınızı bildiğinize göre, WordPress için en iyi 4 WebP eklentisini gözden geçirebiliriz.

En İyi WebP WordPress Eklentileri

Resimlerinizi WebP'ye dönüştürmek için kullanabileceğiniz dört WordPress eklentisi vardır:

  1. hayal et
  2. Medya için WebP Dönüştürücü
  3. KısaPiksel
  4. WebP Ekspres

Optimize edilmemiş görseller genellikle bir web sitesinin yavaş olmasının nedenlerinden biridir. Neyse ki, birkaç tıklamayla resimlerinizi WebP'ye dönüştürmenize yardımcı olabilecek birkaç WordPress eklentisi var. Bunları karşılaştıralım ve JPEG'den WebP'ye dönüştürürken ne kadar veri tasarrufu yapmamıza yardımcı olabileceklerini görelim.

Önemli: Orijinal JPEG resmim 119 KB ağırlığında ve her eklenti için %85 sıkıştırma düzeyi uygulayacağım.

Orijinal JPEG görüntüsü – Kaynak: WordPress kitaplığı

1. Hayal et

Imagify, resimlerinizi sıkıştırarak, WebP'ye dönüştürerek ve uygun şekilde yeniden boyutlandırarak otomatik olarak optimize eden en iyi WebP eklentilerinden biridir. Tüm optimizasyon kendi sunucularında yapılır, böylece kendi bant genişliğinizi etkilemez.

WebP dönüştürme ile Imagify panosu - Kaynak: Imagify

WebP imajımın yeni boyutunu %85 sıkıştırma ile gözlemlemek için web sitesinin ön ucundan DevTools'u açmamız gerekiyor. “Img” sütununu açın ve görüntünün ne kadar açık olduğunu kontrol edin (119KB - 21KB).

WebP görüntü boyutu: 21KB – Kaynak: DevTools

Özetlemek gerekirse, görüntülerimi WebP'ye dönüştürerek ve %85'te sıkıştırarak Imagify ile ne kadar tasarruf ettim (Ultra mod):

JPEG (KB) WebP (KB) ve % tasarruf JPEG Sayfa ağırlığı (GTmetrix) WebP sayfa ağırlığı (GTmetrix)
119 KB 21 KB (-82%) 1,23 MB (resimler toplam sayfa boyutunun %12'sidir) 865 KB (resimler toplam sayfa boyutunun %3'ü kadardır)

Imagify fiyatlandırması: Imagify, ayda 20 MB'a kadar veri kullanımı için ücretsizdir veya sınırsız görüntü için ayda 9,99 ABD doları ödeyebilirsiniz.

Fiyatlandırma – Kaynak: Imagify

2. Medya için WebP Dönüştürücü

Bu freemium eklentisi ile görsellerinizi kolaylıkla WebP'ye çevirebilir ve çok fazla kalite kaybı yaşamadan sitenizi hızlandırabilirsiniz. İşlem basittir, eklentiyi kurduktan sonra başka bir şey yapmanız gerekmez, mevcut resimleriniz WebP'ye dönüştürülür.

WebP dönüştürme – Kaynak: Medya için WebP dönüştürücü

Ayrıca, kitaplığın tüm resimlerini ve gelecekte gelecek olan resimleri tek bir tıklamayla dönüştürmenize olanak tanıyan bu kullanışlı düğmeye sahipsiniz:

Görüntülerin tüm WebP sürümlerini oluşturun - Kaynak: Medya için WebP dönüştürücü

Hepsini yeniden oluşturduğumda, toplam görüntü ağırlığımın %50'sinden tasarruf etmeyi başardım:

%50'ye varan görüntü ağırlığından tasarruf – Medya için Kaynak WebP dönüştürücü

Önemli: Dönüştürülen dosyaları WordPress kitaplığınızda görmezsiniz, bunun yerine Chrome'dan geliştirme araçlarını 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

Resimlerimi WebP'ye dönüştürerek ve %85 oranında sıkıştırarak bu kadar veri tasarrufu sağladım:

JPEG (KB) WebP (KB) ve % tasarruf JPEG Sayfa ağırlığı (GTmetrix) WebP sayfa ağırlığı (GTmetrix)
119 KB 74,7 KB (-39%) 1,23 MB (resimler toplam sayfa boyutunun %12'sidir) 1,05 MB (resimler toplam sayfa boyutunun %6'sıdır)

Görüntüleri dönüştürmek ve optimize etmek için uzak sunucunun yalnızca profesyonel sürümlerinde mevcut olduğunu ve 10 000 görüntü için ayda 5 USD'den başlayan fiyatlarla sunulduğunu unutmayın.

3. KısaPiksel

Shortpixel, dosyalarınızı WebP'ye dönüştürmenize izin veren ücretsiz bir sıkıştırma eklentisidir. En yaygın görüntü türleri (JPG, PNG, GIF, WebP ve AVIF) artı PDF dosyaları için hem kayıplı hem de kayıpsız görüntü sıkıştırması sağlar.

WebP seçeneği ve %85 sıkıştırma - Kaynak: ShortPixel
WebP seçeneği ve %85 sıkıştırma – Kaynak: ShortPixel

Daha sonra hepsini WebP'ye dönüştürmek için toplu seçeneğini kullanabilir ve kayıplı (%85) sıkıştırma seviyesini kullanarak sıkıştırabilirsiniz:

Toplu WebP seçeneği – Kaynak: ShortPixel

Dönüştürülen dosyaların yeni boyutunu kontrol etmek için Chrome'dan geliştirme araçlarına gidin ve aşağıda gösterildiği gibi "görüntü" sütununu görüntüleyin:

WebP görüntü boyutu: 55.2KB - Kaynak: DevTools
WebP görüntü boyutu: 55.2KB – Kaynak: DevTools

Resimlerimi WebP'ye dönüştürerek ve %85 oranında sıkıştırarak resmimdeki Kısa Piksel ayarlarının bir özetini burada bulabilirsiniz:

JPEG (KB) WebP (KB) ve % tasarruf JPEG Sayfa ağırlığı (GTmetrix) WebP sayfa ağırlığı (GTmetrix)
119 KB 55,2 KB (-%54) 1,23 MB (resimler toplam sayfa boyutunun %12'sidir) 1,10 MB (resimler toplam sayfa boyutunun %7'sidir)

ShortPixel, ayda ~100 görüntüyü ücretsiz olarak optimize etmenizi sağlayan ücretsiz bir plana sahiptir. Premium planlar, 5.000 görsel/krediye kadar aylık 4,99 ABD Dolarından veya 10.000 kredilik bir paket için 9,99 ABD Dolarından başlar.

4. WebP Ekspres

WebP Express, WebP'yi destekleyen tarayıcılara jpeg/png yerine otomatik olarak oluşturulmuş WebP görüntüleri sunan başka bir ücretsiz eklentidir.

%85'te WebP dönüştürme ve sıkıştırma - Kaynak: WebP Express

Sonuçları görmek için Devtools'a tekrar gidin ve sonuçları görüntülere 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
WebP görüntü boyutu: 32,4 KB – Kaynak: DevTools

Özetlemek gerekirse, resimlerimi WebP'ye dönüştürerek ve %85 oranında sıkıştırarak ne kadar tasarruf ettim:

JPEG (KB) WebP (KB) ve % tasarruf JPEG Sayfa ağırlığı (GTmetrix) WebP sayfa ağırlığı (GTmetrix)
119 KB 32,4 KB (-70%) 1,23 MB (resimler toplam sayfa boyutunun %12'sidir) 1,01 MB (resimler toplam sayfa boyutunun %5'idir)


Sonuç olarak Imagify, 119 KB'den 21 KB'a çıkarak dosya boyutunu en çok küçülten eklenti oldu, bu da %82 tasarruf anlamına geliyor. Ayrıca Imagify sayesinde sayfa ağırlığı 1,23 MB'den 865 KB'ye düştü.

Eklenti adı JPEG (KB) WebP (KB) ve % tasarruf JPEG Sayfa ağırlığı (GTmetrix) WebP sayfa ağırlığı (GTmetrix)
1 numarayı hayal et 119 KB 21 KB (-82%) 1,23 MB (resimler toplam sayfa boyutunun %12'sidir) 865 KB (resimler toplam sayfa boyutunun %3'ü kadardır)
Medya için WebP dönüştürücü 119 KB 74,7 KB (-39%) 1,23 MB (resimler toplam sayfa boyutunun %12'sidir) 1,05 MB (resimler toplam sayfa boyutunun %6'sıdır)
KısaPiksel 119 KB 55,2 KB (-%54) 1,23 MB (resimler toplam sayfa boyutunun %12'sidir) 1,10 MB (resimler toplam sayfa boyutunun %7'sidir)
WebP Ekspres 119 KB 32,4 KB (-70%) 1,23 MB (resimler toplam sayfa boyutunun %12'sidir) 1,01 MB (resimler toplam sayfa boyutunun %5'idir)

Resimlerinizi WebP'ye dönüştürmek iyi bir başlangıçtır ancak WordPress sitenizi önemli ölçüde hızlandırmak ve PageSpeed ​​Insights'ta en iyi puanı almak için yeterli değildir. Daha fazla görüntü optimizasyon tekniği uygulanabilir ve Imagify tam olarak bu şekilde yardımcı olabilir.

Imagify'ın Performans Üzerindeki Etkisi

Imagify, sayfa ağırlığını yalnızca birkaç tıklamayla çok daha hafif hale getirerek WordPress sitenize hız artışı sağlar. Kaliteden ödün vermeden resimlerinizin dosya boyutunu küçültmenize izin veren en iyi resim sıkıştırma eklentilerinden biridir.

İpucu : Hız ve Google için resimlerin nasıl optimize edileceğiyle ilgili ayrıntılı kılavuzumuzu okuyun.

Görüntü optimizasyonu söz konusu olduğunda, PageSpeed ​​Insights denetiminin dikkate alınması gereken birkaç bölümü vardır, örneğin:

  • Görüntüleri yeni nesil biçimlerde sunun (WebP)
  • Görüntüleri verimli bir şekilde kodlayın (bunları web için uygun şekilde sıkıştırın ve optimize edin)
  • Uygun boyutta resimler
  • Görüntü öğelerinin belirgin genişliği ve yüksekliği yok

Neyse ki Imagify, görüntüyle ilgili tüm bu performans sorunlarını çözmenize yardımcı olabilir. Mobil cihazlar için PageSpeed ​​Insights'ta yapılan kısa bir denetimle nasıl olduğunu görelim. Imagify ile ve Imagify olmadan bazı performans sonuçlarını ve denetim bölümünü sunacağım.

Imagify olmadan, test sitemin performansının mobil cihazlarda nasıl göründüğü:

Imagify olmadan performans metrikleri - Kaynak: PageSpeed ​​Insights
Imagify olmadan performans ölçümleri – Kaynak: PageSpeed ​​Insights

PageSpeed ​​Insights ayrıca görselle ilgili birkaç sorunu da işaretliyor. Örneğin, görüntüleri WebP'de sunsaydık, 2,25 s'ye kadar tasarruf etmiş olurduk!

Imagify olmadan PSI sonuçları – Kaynak: PageSpeed ​​Insights

Imagify ile performans notu iyileşti ve 55/100'den 68/100'e çıktı.

Önemli bir not : Imagify tek başına PSI tarafından işaretlenen tüm performans sorunlarını çözemez. Örneğin, önbelleğe alma, JS veya CSS ile ilgili önemli performans sorunları, WP Rocket gibi bir WordPress önbelleğe alma eklentisi tarafından ele alınabilir.
PSI puanımı iyileştirdiğimi hayal edin – Kaynak: PageSpeed ​​Insights

Yukarıda bahsedildiği gibi, Imagify ayrıca “Görüntüleri yeni nesil formatlarda sunun”, “Görüntüyü verimli bir şekilde kodlayın” ve “Görüntüleri uygun şekilde boyutlandırın” gibi birkaç PSI uyarısını da düzeltti. Sayfamın tüm resimlerini optimize etti ve tek tıklamayla WebP formatına dönüştürdü.

Imagify ile denetimden geçildi - Kaynak: PageSpeed ​​Insights
Imagify ile denetimden geçildi – Kaynak: PageSpeed ​​Insights

Toplama

Görsel optimizasyonu ve doğru formatı kullanmak hem performans notunuzda hem de Google'daki sıralamanızda çok önemli bir rol oynar.

Imagify, görüntüleri WebP'ye dönüştürmek ve kaliteden ödün vermeden sıkıştırmak için en iyi eklentilerden biridir. Güçlü optimizasyon eklentisi, PageSpeed ​​Insights'ta toplam denetimden geçmemizi ve resim dosya boyutumuzu %80 oranında küçültmemizi sağladı!

Artık WebP görsellerinin web sitenizi hızlandırmak için neden gerekli olduğunu bildiğinize göre, neden Imagify'ı denemiyorsunuz? Tamamen ücretsizdir ve aldığınız tek risk web sitenizin daha hızlı yüklendiğini görmektir!