WordPress’te WebP resimleri nasıl kullanılır (3 yöntem)

WordPress’te WebP resimlerini kullanmak ister misiniz? WebP görüntüleri, dosya boyutunu azaltarak daha iyi görüntü sıkıştırması sunan modern görüntü formatlarıdır. Bu, web sitenizin daha hızlı yüklenmesini ve bant genişliğini kaydetmesini sağlar. Bu makalede, WordPress’te WebP görüntülerini kullanmanın kolay bir yolunu göstereceğiz.

WebP nedir ve neden WordPress’te WebP resimlerini kullanıyor? WebP, web’de kullanılacak resimler için yeni bir dosya biçimidir. WebP görüntü formatını kullanarak, görüntünüz kalite kaybetmeden PNG ve JPEG’den% 25-34 daha küçük olacaktır.
Resim web sitenizi yavaşlatırsa, webp formatına dönüştürmek, sayfanızı yüklemenin hız testi puanını artırabilir. Görüntü sıkıştırma hakkında daha fazla bilgi edinmek için, web için görüntüleri nasıl optimize edeceğiniz konusundaki kılavuzumuza bakın. WebP yeni bir dosya biçimi olduğundan, tüm tarayıcılar tarafından desteklenmemiştir. Ancak, Google Chrome, Firefox ve Microsoft Edge gibi çoğu modern tarayıcı WebP görüntülerini destekler. WordPress’te bir WebP resmi kullanmalı mısınız? WebP görüntüleri WordPress sitenizi hızlandırmanıza yardımcı olabilir. Bu, WordPress önbellek eklentisi, CDN ve daha fazlası ile birlikte kullanım için önerilen en iyi uygulamadır.
Varsayılan olarak, WordPress WebP resimlerini desteklemez ve WebP görüntülerini yükleme hataları görüntüler.

Bunu düzeltmek için, görüntüleri WebP görüntü formatlarına dönüştürmek için bir görüntü sıkıştırma eklentisi kullanmanız gerekir. Resimlerinizi PNG, JPEG ve GIF gibi WordPress tarafından desteklenen dosya formatlarına hala yükleyeceksiniz, böylece yedek olarak kullanılabilir. Siteniz çok fazla resim kullanıyorsa ve WordPress blogunuzu yavaşlatırsa, WebP resimlerini kullanmayı düşünmelisiniz. WordPress’te WebP resimlerini nasıl kullanacağınız aşağıda açıklanmıştır. Size birkaç yöntem göstereceğiz, böylece sizin için en uygun olanlardan birini seçebilirsiniz: EWWW ile WordPress’te bir WebP görüntüsü kullanmak.
Rocket WP ile WordPress’te WebP resimlerini kullanma
SG Optimizer ile WordPress’te WebP görüntülerini kullanma
Yöntem 1. EWWW Optimizer Eklentisi EWWW ile WordPress’te bir WebP görüntüsü kullanmak, WordPress görüntüsünüzü optimize etmenizi sağlayan en iyi WordPress görüntü sıkıştırma eklentilerinden biridir. Ayrıca WebP görüntülerini destekler ve bunları otomatik olarak desteklenen tarayıcılarda görüntüleyebilir. Yapmanız gereken ilk şey EWWW görüntü optimizer eklentisini yüklemek ve etkinleştirmektir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın.
Etkinleştirmeden sonra, eklenti seçeneğini yapılandırmak için ayarlar sayfasını aç »ewww görüntü optimizer. Ayarlar Sihirbazı tarafından memnuniyetle karşılanacaksınız, ancak sihirbazdan çıkmak için ‘Ne yaptığımı biliyorum’ bağlantısını tıklayabilirsiniz.
Bir sonraki ekranda, birçok eklenti seçeneği göreceksiniz. Aşağı kaydırın ve ‘WebP dönüştürme’ seçeneğinin yanındaki kutuyu kontrol edin.

Bundan sonra, ayarlarınızı kaydetmek için Değiştir düğmesini tıklayın. Ardından, WebP Dönüşüm bölümüne geçmeniz gerekir. Eklenti şimdi size kırmızı önizleme resimleriyle bazı yeniden yazma kuralları gösterecektir. ‘Yeniden Yazma Kuralları Ekle’ düğmesine tıklamanız gerekir ve eklenti, bu yeniden yazma kurallarını .htaccess dosyanıza otomatik olarak koymaya çalışır.

Eklenti kuralları eklemeyi başarırsa, kırmızı görüntü önizlemesi ‘WebP’ metni ile yeşile döner.
Bazen, eklentiler kural ekleyemeyebilir. Bu durumda, yeniden yazma kurallarını eklenti ayar sayfasından kopyalamanız ve bunları .htaccess dosyanızın altına manuel olarak eklemeniz gerekir. Bittiğinde, Eklenti Ayarları sayfasına geri dönün ve Değiştir düğmesini tekrar tıklayın. Önizleme resmi yeşile dönerse, WebP görüntülerinin WordPress sitenizdeki gönderimini başarıyla etkinleştirdiğiniz anlamına gelir.

Alternatif olarak, WebP dağıtım seçeneğiniz olarak JS WebP yeniden yazma yöntemi veya WebP yazma arasından seçim yapabilirsiniz. Bu .htaccess yönteminden biraz daha yavaş, ancak bu işi tamamlayacak. Eski görüntünüzün ewww görüntü optimizerinin WebP sürümüne kütle dönüştürülmesi, daha önce yüklediğiniz resim dosyalarını WebP resimlerine kolayca dönüştürmenizi sağlar. Medya sayfasını açın »kütüphanesi ve liste görünümüne geçin.

Ardından, ekran seçeneği düğmesine tıklamanız ve ‘sayfa başına öğe sayısını’ 999 olarak değiştirmeniz gerekir. 1000’den fazla resminiz varsa, görüntü bir sonraki sayfada görünecektir.
Bu şekilde kütle optimizasyonu için çok sayıda görüntü seçebileceksiniz. Ardından, onay kutusuna tıklayın Tüm resimleri seçmek için üstteki tümünü seçin. Bundan sonra toplu eylemler açılır menüsünü tıklayın ve toplu Optimize seçeneğini seçin. Son olarak, Uygula düğmesini tıklayın. Bir sonraki ekranda, eklenti size görüntü sıkıştırmasını geçme ve yalnızca WebP’ye dönüştürme seçeneği sunacaktır. Görüntünüz optimize edilmişse bu seçeneği kontrol edebilirsiniz.

Bundan sonra, devam etmek için ‘Optimize edilmemiş görüntüler için tarama’ düğmesini tıklayın. Daha sonra eklenti size bulunan resim sayısını gösterecektir, böylece devam etmek için Optimizasyon düğmesini tıklayabilirsiniz.
Görüntünüz artık optimize edilecek ve EWWW Optimal, resminiz için bir WebP sürümü üretecektir.

WebP Görüntü Teslimatınızı Test Edin resminizi optimize ettikten sonra, birkaç resim içeren bir blog yayınına veya sayfaya gidebilirsiniz. Fareyi herhangi bir görüntüye getirin ve görüntüyü yeni sekmede açmak için sağ -tıklayın.

Bu, yeni tarayıcı sekmesinde bir görüntü açacak ve görüntünün adres çubuğunda bir .Webp uzantısı olduğunu görebileceksiniz.
Eklenti WebP resimlerini görüntüleyemiyorsa, eklenti ayarları sayfasına dönebilirsiniz. Buradan WebP gönderim seçeneğini ‘JS WebP yeniden yazma yöntemi’ veya ‘ WebP yeniden yazma’ olarak değiştirebilirsiniz.

Yöntem 2. WordPress’te WordPress’te bir WebP görüntüsü kullanmak, en iyi WordPress önbellek eklentisi olan WP roketinin arkasındaki kişiler tarafından yapılan bir WordPress görüntü optimizasyonu eklentisidir. Bu, görüntüleri WebP görüntü biçimine kolayca optimize etmenizi ve dönüştürmenizi sağlar. Yapmanız gereken ilk şey, Imagify eklentisini yüklemek ve etkinleştirmektir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirmeden sonra, eklenti ayarlarını yapılandırmak için ayarlar sayfasını ziyaret etmeniz gerekir. Buradan. Devam etmek için ‘Ücretsiz API Kilidi Oluştur’ düğmesini tıklayın. Bundan sonra İş E -posta Adresini girmeniz istenecektir. Eklenti Ayarları sayfasındaki Kilidi kopyalayıp yapıştırın ve Değiştir düğmesini tıklayın. Ardından, optimizasyon bölümüne kaydırmanız gerekir. Orada ‘WebP sürümünü oluştur’ ve ‘Sitedeki WebP formatında görüntüleri görüntüleme’ nin yanındaki seçenekleri kontrol etmeniz gerekir.

Bunun altında, WordPress’te WebP görüntülerini görüntülemek için iki gönderim yöntemi arasından seçim yapabilirsiniz. Birincisi .htaccess yöntemi ve ikincisi etiketini kullanmaktır. .Htaccess yöntemi daha hızlıdır, ancak CDN hizmeti kullanıyorsanız işe yaramaz. etiket yöntemi de CDN ile işlev görür, ancak bazı WordPress temalarına zarar verebilir. Siteniz için iyi çalışan kişiyi seçebilirsiniz. Bundan sonra, alttaki ‘Kaydet ve Kütle Optimal düğmesini açın.

Bu sizi medyaya götürecektir »sayfanın kütle optimizasyonu. Eklenti, tüm WordPress görüntülerinizi arka planda otomatik olarak optimize etmeye başlayacaktır. Çok fazla görüntünüz varsa, bu uzun zaman alabilir. Endişelenmeyin, sayfayı kapatabilir ve daha sonra tekrar gelebilirsiniz, çünkü sayfayı kapatmak görüntü optimizasyon işlemini durdurmaz. WebP görüntüsünüzü WordPress’te test edin Optimizasyon tamamlandıktan sonra, birkaç resim içeren bir sayfayı veya gönderiyi ziyaret edebilirsiniz. Farenizi bir görüntüye gezin ve ardından ‘Yeni sekmedeki görüntüyü aç’ seçeneğini seçin.
Bu, yeni tarayıcı sekmesinde bir görüntü açacak ve adres çubuğunda .webp uzantısını görebileceksiniz.

Yöntem 3. WordPress’te SG Optimizer ile bir WebP görüntüsü kullanmak, bir site alan kullanıcısıysanız bu yöntem önerilir. Siteground, en iyi WordPress barındırma şirketlerinden biridir. WordPress performansınızı optimize etmenize izin veren kullanıcılarına ücretsiz bir SG optimize edici eklentisi sunarlar. Bu, WordPress görüntülerini optimize etme seçeneklerini de içerir. İlk olarak, SG Optimizer eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Etkinleştirmeden sonra eklenti, yönetici kenar çubuğunuza ‘SG Optimizer’ etiketli yeni bir menü öğesi ekleyecektir. Tıklamak sizi eklenti ayarları sayfasına götürecektir.

Varsayılan site alan önbellek sistemini kullanmak istiyorsanız önbellekleme ayarlarını etkinleştirebilirsiniz. Bundan sonra, Medya Optimizasyonu sekmesine geçebilir ve ‘yeni resim kopyalama WebP seçeneğini etkinleştirebilirsiniz.

Altında, ‘Toplu Webp Dosyaları Oluştur’ seçeneğini göreceksiniz. BU TIKLAYIN WordPress Media Kütüphanenizdeki tüm resim dosyaları için WebP’nin bir kopyasını oluşturmaya başlayacaktır. Tamamlandıktan sonra WordPress siteniz WebP resimlerini sunmaya başlar. SG Optimizer’daki WebP görüntülerini test edin, web sitenizin webp resimleri sunup sunmadığını görmek için, sitenizde birkaç resim ile sayfaları açmanız gerekir. Bundan sonra, inceleme aracını sağ tıklayın ve seçin. Bu, ağ sekmesine geçmeniz gereken bir geliştirici konsolu açacaktır.

Buradan ‘IMG’ sekmesini tıklayın, ardından sayfayı yeniden yükleyin (Windows’ta Ctrl+R ve Mac’te Command+R). Web siteniz yeniden yüklendiğinde, geliştirici konsoluna yüklenen tüm resimleri göreceksiniz. Bu makalenin WordPress’te WebP resimlerini nasıl kullanacağınızı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca, e -mail bültenlerinin nasıl yapılacağına dair yönergelerimizi ve web siteniz için en iyi iş telefon hizmetleri ile karşılaştırmamızı görmek isteyebilirsiniz. Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube kanalımıza abone olun. Bizi Twitter ve Facebook’ta da bulabilirsiniz.