Google, İnternet'teki besin zincirinin en üstünde yer almaktadır. Toplum, çevrimiçi olanların çoğunu etkiler (veya dikte eder). Yeni görüntü formatı WebP de bu eğilimi sürdürüyor. Sayfa yükleme hızının giderek daha önemli hale gelmesiyle (esas olarak Google Sayfa Sıralaması nedeniyle), geliştiriciler ve tasarımcılar görüntü sıkıştırmayı yükleme sürelerini azaltmanın en kolay yolu olarak görüyorlar. Google WebP resimleri, normal JPG veya PNG resimlerinden yaklaşık% 30 daha küçüktür ve eşdeğer kaliteyi korur. Hepsinden iyisi, resimlerinizi manuel olarak WebP'ye dönüştürmek konusunda endişelenmenize gerek yok.

Bu makalede, varsayılan olarak henüz desteklenmese de bu yeni resim formatını WordPress ile nasıl kullanacağınızı göstereceğiz.

WordPress'te WebP dosyalarını sunmak için Optimole kullanın

WebP, bir görüntü biçimi olarak, WordPress'te varsayılan olarak desteklenmez. Bir .webp görüntüsü yükleyebilirsiniz, ancak bir SVG dosyasında olduğu gibi, hata mesajları alabilirsiniz. Ve yine, kullanımına gelince WordPress ile SVG dosyaları , eklenti aracılığıyla basit bir geçici çözüm var.

Test edilen WebP servisleri arasında, Optimole kalabalığın arasından sıyrılıyor. Gerçekten minimum konfigürasyonla çalışabilir. Bu nedenle, bunu nasıl yapılandıracağınızı ve WordPress kurulumunuzu olabildiğince kolay bir şekilde WebP formatıyla uyumlu hale getireceğinizi açıklamak istiyoruz.

İlk olarak, açıkça isteyeceksiniz eklentiyi indir ve yükle . WP.org dizinindedir ve tamamen ücretsizdir. Onu güçlendiren API tabanlı hizmetten beri (bir noktaya kadar). Geleneksel görüntüleri PHP kullanarak anında WebP'ye dönüştürmek mümkün olsa da, tüm web barındırıcıları sunucunuza bu izni vermez. Bu izne sahipseniz, eklentiyi de görüntüleyebilirsiniz. WebP Express. Bununla çok kontrol sahibi olursun ancak sorunsuz çalışabilmek için daha fazla konfigürasyon gerektiren bir sistemdir.

Optimole cihazınıza kurulduktan ve etkinleştirildikten sonra Site Web WordPress, üzerinde yeni bir menü seçeneği bulacaksınız Medya - Optimole .

Optimole API Anahtarınız

Ayarlara veya yapılandırmalara erişmeden önce bir Optimole hesabınız olmalıdır. Zaten yapılandırdıysanız, düğmesine tıklayabilirsiniz Zaten bir API anahtarım var . Değilse, API anahtarını kaydedin ve e-postayla gönderin. . Temel API anahtar hesabı ücretsizdir ve bu seviyede yaklaşık 5 isabet alırsınız. Bundan daha fazlasına ihtiyacınız varsa, fiyatlandırma katmanları mevcuttur.

Optimole ziyareti "olarak tanımlar sizi bir kez ziyaret eden herkes [. . .] Her kullanıcı yalnızca bir kez sayılır. Sitenizde ne yaptıkları, kaç resim indirdikleri veya kaç sayfayı ziyaret ettikleri önemli değildir; bu sadece bir kullanıcı. Sitenizden ayrılır ve aynı gün geri gelirlerse, yine de sadece bir kullanıcıdırlar. başlıklı bir kılavuz yayınladı

Ölçülen ziyaretler bittiğinde, yalnızca WebP görüntülerinin sunumu durdurulur. Resimlerinizin kendileri değil. API anahtarını Optimole panonuzun en üstünde bulacaksınız.

Sadece onu WordPress panonuza yapıştırın ve WebP görüntülerini WordPress ile yaymaya hazır olacaksınız.

Optimole WordPress gösterge panolarınız

WordPress panonuzda, WebP optimizasyonunuz hakkında temel bilgiler alırsınız. Bu, bu hızlanmanın başarısını gidermenizi ve değerlendirmenizi sağlar. Bu şekilde çeşitli ayarları değiştirebilirsiniz.

İlk olarak, API ile ilişkili hesabı görürsünüz, ardından ekranın altında eklenti en son optimize edilmiş görüntüleri gösterir. Sunulan WebP görüntülerinin, WordPress'e yüklediğiniz orijinal görüntülerden ne kadar daha küçük olduğunu görebilirsiniz.

Sonra sekme var zorluklar mümkün üstte. Hiç kimse vurgulanan sekmeyi görmekten hoşlanmaz, ancak hepimizin hangi çatışmaların ortaya çıkabileceğini de görmemiz gerekir.

Karşılaştığımız ana sorun, diğer görüntü sıkıştırma ve dağıtım eklentileridir. Yukarıdaki resimde görebileceğiniz gibi, Jetpack eklentisi, Optimole'e benzer şekilde çalışır. Photon APIT ile böylece kafalarını çarpabilirler. Bizim açımızdan bu durum, herhangi bir görüntünün aktarılmaması ile kendini gösterdi. ziyaretçi. TinyPNG veya Smush gibi diğer sıkıştırma hizmetlerinde herhangi bir sorun yaşamadık.

Panoları kullanma

Sitenizin WebP ile nasıl çalıştığı hakkında daha ayrıntılı bilgi istiyorsanız, Optimole Dış Kumanda Paneli bu bilgileri sizin için içerir.

Yalnızca 9,5 kat daha küçük olmak yerine, sunulan dosyaların gerçek boyutunu görebilirsiniz. 30 günlük bir süre içinde dosyaların kendileri de.

Ayrıca, WordPress sitenizden WebP alan herkesin logo armasını otomatik olarak alması için Optimole (veya WP) panosunda filigranlar ayarlayabilirsiniz. Bu basit bir işlemdir ve opaklık, konum ve daha fazlası üzerinde kontrol sahibi olursunuz.

Temelde her iki kontrol panelinden de aynısını yapabilirsiniz. Ya sekmenin altında Parametreler veya Optimole dışındaki kontrol panelini ziyaret ederek. Her şey, en rahat olduğunuz şeyin yanı sıra, seviyenize de bağlıdır. veri herhangi bir zamanda ihtiyacınız olan şey.

Ek olarak, sıkıştırma düzeyini, geç yüklemeyi ve belirli görüntülerin dosya adlarına göre WebP olarak ne zaman / ne zaman yayınlanacağını kontrol edebileceksiniz. Tüm bunları sekmede bulacaksınız Parametreler de Medya - Optimole .

paket

WebP'yi WordPress web siteleriyle kullanmanın en iyi yanı, dosyalarla manuel olarak çalışmanıza gerek olmamasıdır. Ekstra indirme, ekstra sıkıştırma süresi yok, hiçbir şey yok. API'lerin çalışma şekli nedeniyle, tüm işlemler ve hesaplamalar anında gerçek zamanlı olarak gerçekleştirilir. Google, JPG veya PNG yerine WebP kullanarak interneti gerçekten daha hızlı hale getirdi. Ancak asıl avantajı, boyutlarının önemli ölçüde küçültülse bile görüntülerin aynı kaliteyi korumasıdır. Google'ın sizi sitenizi hızlandırmak için biçimlerini kullanmaya zorlaması ilginç olabilir, böylece sizi daha üst sıralara yerleştirebilir ve son kullanıcı deneyimi de daha iyi olur. Ve sonunda önemli olan budur.