Imagify ile WordPress’te görüntüleri WebP’ye nasıl dönüştürür?
Resimlerinizi WordPress’te WebP’ye dönüştürmek ister misiniz? SAPA Imafy, ücretsiz eklentimiz görüntünüzü optimize eder ve WebP’ye dönüştürür. Kılavuzumuzda, sitenizi yavaşlatmadan yüksek kaliteli görüntülerin nasıl sağlanacağını açıklıyoruz. Web sitenizde zaten yüzlerce PNG veya JPG görüntüsünüz varsa, Imagify onu optimize eder ve otomatik olarak WebP’ye dönüştürür. Kulağa umut verici mi? Görüntü dosyasının boyutunu%35’e kadar daraltarak performansı nasıl etkilediğini görmek için bu modern WebP formatını keşfedelim! WebP biçimi nedir? WebP, dosya boyutunu azaltarak görüntü sıkıştırması sunan ancak kalitesini azaltmayan bir görüntü biçimidir. Google tarafından geliştirilen WebP, kayıpsız ve kayıplı sıkıştırma içeren modern bir görüntü dosyası biçimidir. Bu biçim, yüksek kaliteyi korurken görüntü dosyası boyutlarını JPEG ve PNG görüntülerinden% 35 daha küçük düşürebilir. İki dünyadan en iyisi, değil mi?
Ziyaretçiler hızlı kalite ve web siteleri ister. Bu nedenle, kaliteyi korurken dosyaları en aza indirerek tasarlanan son yıllarda ortaya çıkan yeni bir format var. “WebP” son 10 yılda açıkça en önemli güncelleme. Aşağıdaki örnekte – Google WebP web sitesi tarafından sağlanan – aynı kalitede iki görüntüyü karşılaştırıyoruz. Bunlardan biri JPEG, diğerleri WebP ve üç şeye dikkat ediyoruz:
Görüntü kalitesi JPEG veya WebP formatında aynı kalır
JPEG dosya boyutu 43.84 kb’dir.
JPEG formatından çok daha hafif olan 29.61 kb’yi ölçen WebP dosyaları.
JPEG: En yaygın format, çok zengin olan fotoğraflar ve görseller için ideal
PNG: Grafikler, simgeler ve basit logolar için önerilen biçim
GIF: Mesajınızı işaretleyen tüm animasyonlu görüntüler için
Google, dosya boyutu açısından JPEG ve PNG formatlarına kıyasla WebP’nin nasıl olduğunu görmek için bir WebP sıkıştırma çalışması çalıştırır. İlginç sonuçlar:
WebP görüntüsü PNG görüntüsünden% 25 daha küçük.
WebP görüntüsü JPEG görüntüsünden% 25-35 daha küçük.
Bu sonuçlar WebP’nin JPEG ve PNG’ye kıyasla sıkıştırmada önemli bir artış sağlayabileceğini göstermektedir. Aşağıdaki grafikte, WebP görüntülerinin piksel başına sürekli olarak JPEG’den daha az pancar gerektirdiğini görüyoruz:
Ayrıca, Google PagePeed Insights, görüntüleri yeni nesil formatta (WebP) sunmanızı tavsiye etti, bu da daha hızlı indirmeler ve daha az veri tüketimi anlamına geliyor. Web Performans Araçları ayrıca görüntülerinizi sıkıştırmak ve en uygun formata dönüştürmek için WordPress eklentilerini kullanmanızı önerir. Tahmin et listede kim var? Hayal etmek!
Görüntüleri Imagify WebP’ye nasıl dönüştürür, görüntülerinizi WebP’ye dönüştürmek ve bunları optimize etmek için en iyi WordPress eklentilerinden biridir. Hepimiz birçok formatı dönüştürebilen çevrimiçi araçları biliyoruz (örneğin JPG’den PDF’ye). Araç kullanıcı dostu değildir ve çoğu ücretsiz olarak toplu dönüşüm yapmanıza izin vermez. Bir eklenti dosyalarınızı WebP’ye dönüştürmek daha kolay olabilir. Bakalım neden. WordPress’e geldiğinde işler biraz daha karmaşık hale geliyor. WordPress 5.8, WebP resimlerini yüklemenize olanak tanır, ancak orijinal biçimi WebP’ye dönüştürmeyin. Bu yüzden PNG ve JPEG görüntülerini yüklemenizi ve işi yapmasına izin vermenizi öneririz. Hayali eklentiler, WordPress kontrol panelinizdeki resimlerinizi otomatik olarak WebP formatına dönüştürebilir. Bu, kaliteden ödün vermeden deneyimleri daha hızlı keşfetmek için daraltarak web sitenizdeki JPG, GIF veya PNG dosyalarını optimize edecektir. Yayınladığınız sayfaya eklenen resimleriniz varsa, endişelenmeyin, Hayali de dönüştürür. WordPress görüntülerini WebP’ye otomatik olarak optimize ettiğinizi ve dönüştürdüğünü hayal edin: Yeni bir resim yüklerken
Mevcut olanlarda (değerli zamanınızı kurtaracak kitle özellikleri)
Dahası, Image, WordPress’te fotoğrafları daha hızlı yüklemenize yardımcı olur. Bu eklenti, orijinal formatında birçok görüntüyü onaylar ve görüntünün boyutunu kalite kaybı olmadan maksimum boyut kümesine değiştirir. Bu sadece bir dönüştürücü değil. Bu aynı zamanda WordPress sitenizin daha hızlı çalışmasına yardımcı olan bir eklentidir!
Görüntüleri WebP’ye nasıl dönüştüreceğinizi görmek için adımımızı izleyin: Adım 1 -Ücretsiz için Imagify’ı İndir ve Ücretsiz Ateş Anahtarı yapın. (Ateş tuşunuzu almak için e -posta gelen kutunuzu açın ve aşağıdaki kutuya yapıştırın İki kutunun aşağıdaki gibi kontrol edildiğinden emin olun:
İlk kutu ImageFy’ye görüntünüzü WebP’ye dönüştürmesini söyler; İkincisi, WebP görüntüsünü desteklenen bir tarayıcıya sunmak için eklentiyi gösterir.
Adım 3 -Görüntünüzü medyayı açacak şekilde dönüştürme zamanı -> kütle optimizasyonu ve Imafy’em mavi düğmesine basın: İşte burada! Imagify ile sadece üç adımda daha hızlı bir web sitesi alabilirsiniz. Hayal Etme fiyatı (ve evet, ücretsiz paket mevcut!) Başlangıç Paketi: Image, ayda 20 MB resmi ücretsiz (yaklaşık 200 resim) optimize etmenizi ve dönüştürmenizi sağlar. Büyüme Paketi: Bundan daha fazlasına ihtiyacınız varsa, 500 MB (~ 5.000 resim) için ayda 4,99 $ maliyetle ücretli paketleri artırabilirsiniz. Sınırsız Paket: Sınırsız veri için aylık 9,99 $. Optimize edilecek binlerce görüntü içeren bir web siteniz varsa bu iyidir.
WebP’nin Imagify ile Performans Üzerine Etkisi Şimdi, medya dosyalarının boyutunu azaltmak için ImagePy’yi nasıl kullanacağına bakalım. Analiz için, WordPress kontrol panelimizi kullanarak iki senaryo çalıştıracağız:
GIF, PNG, JPG yükleyeceğim ve her biri için dosya boyutunu kontrol edeceğim.
Hayal edeceğim, 3 dosyamı yukarıdan WebP’ye dönüştüreceğim ve yeni dosyanın boyutunu doğrulayacağım. Analizi çalıştıralım.
GIF dosya boyutum üzerindeki etkiyi hayal edin:
PNG dosya boyutum üzerindeki etkiyi hayal edin:
JPG dosya boyutum üzerindeki etkiyi hayal edin:
WebP’ye dönüştürürken dosya boyutumu azalttığını hayal ediyor mu?
Cevap Evet! Gördüğünüz gibi, Imagify ve WebP biçimi kullanıldıktan sonra tüm dosya boyutları önemli ölçüde azaltılmıştır. Aşağıdaki kayıt:
GIF → WebP: Boyut Değişiklikleri 816 KB’dan 512 KB’a
Bu performans denetimi için Google PagePeed Insights’ta performans seviyemi artırmak için Imagify kullanarak, birkaç medya görüntüleyen bir sayfa oluşturdum: JPG Photo, PNG Element ve GIF. Google PagePeed Insights’ı kullanacağız ve aşağıdaki iki senaryoyu çalıştıracağız:
Senaryo #1 – Sayfa Performans Denetimi (PNG ve JPG + GIF resim formatı) – Hayal etmeden – WebP olmadan
Senaryo #2 – Tüm medyamı Imagify ile WebP’ye dönüştürdükten sonra sayfalarımın performans seviyesi
Senaryo #1: Imagify olmadan – WebP olmadan Google PagePeed Insights (88/100) ‘de turuncuum ve tüm temel web verilerim yeşil değil: Fırsat bölümünde, görüntü formatımla ilgili bazı sorunları görebiliriz, ” Animasyonlu içerik “veya” Yeni nesil formatta mevcut görüntüler “için video biçimini kullanın.
200 ürünle 50 sayfam varsa, onu manuel olarak dönüştürmek için çok endişeleneceğim … ama neyse ki, Image bunu benim için yapabilir! Senaryo #2: Imagify ile WebP biçimi Şimdi Imagify kullanarak tüm medyayı WebP’ye dönüştürdükten sonra sonuçlara bakalım.
Performans değeri arttı: 99/100 puanla yeşil bölgedeydim!
Fırsat bölümünde, resmimle ilgili tüm sorunlar kayboldu:
WebP’yi sarmak, görüntü boyutunu azaltmanın ve WordPress sitenizin daha hızlı yüklenmesini sağlamak için açıkça etkili bir yoldur. Bu modern format, JPEG veya PNG dosyalarından ortalama% 25 daha fazla depolama tasarrufu sağlar. Başka bir iyi haber, görüntü kalitesi aynı kaldığında, kullanıcı deneyiminin etkilenmeyeceğidir. Ayrıca, çeşitli boyutlarda görüntü dosyası türünden (PNG veya .jpg) en az 200 tane varsa endişelenmeyin, çünkü güçlü Imagify eklentimiz, kaliteden ödün vermeden optimize edilmiş bir WebP formatıyla değiştirecektir. WordPress 5.8, WebP görüntülerine destek ekleyecektir (ancak bunları orijinal formattan WebP’ye dönüştürmeyecektir). Bu yüzden dosyalarınızı dönüştürmek için eklentileri kullanmanızı öneririz. Sebep bu: WebP görüntülerini doğrudan medya kütüphanesine yükleme yeteneği, tarayıcıları WebP’yi desteklemeyen ziyaretçilerin ~% 5’ini iyileştirmeyecektir. Görüntüler ve resimler genellikle JPG veya PNG biçimindedir, bu nedenle bunları yüklemek ve bunları toplu olarak dönüştürmek için Imagify gibi eklentiler yüzlerce saat tasarruf edebilir. Bir test sürüşü için Imafy’yi almaya ne dersiniz?Ayda yaklaşık 200 resim için ücretsiz.Ve unutmayın, WordPress sitenizde WebP kullanma hakkında sorularınız varsa, lütfen aşağıdaki yorumlarda bize sorun!
