Ana İçeriğe Geç

Geleneksel PNG ve JPG yerine WebP görüntüleri nasıl sağlanır?

Divi: Kullanılacak en kolay WordPress teması

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

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.

Wordpress resim geçici çözümü

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 ExpressBununla çok kontrol sahibi olursun ancak sorunsuz çalışabilmek için daha fazla konfigürasyon gerektiren bir sistemdir.

Optimole, WordPress web sitenize yüklenip aktive edildiğinde, 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.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Fiyatlandırma fiyatı

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.

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 701.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Optimole kontrol paneli

İ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.

Optimole kontrol paneli hatası

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 için bu, ziyaretçiye hiçbir görüntünün iletilmemesiyle ortaya çıktı. TinyPNG veya Smush gibi diğer sıkıştırma hizmetlerinde herhangi bir sorunla karşılaşmadı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.

Optimole kontrol paneli 1'i kullanma

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.

Optimole Kontrol Paneli Raporu 1

Ayrıca, WordPress sitenizden bir WebP alan herkesin otomatik olarak logo blazonunuzu alması için Optimole (veya WP) panosuna filigranlar ayarlayabilirsiniz. Bu basit bir süreçtir ve opaklık, konum vb. Üzerinde kontrol sahibi olursunuz.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

Optimole eklenti ayarı

Temelde her iki kontrol panelinden de aynısını yapabilirsiniz. Ya sekmenin altında Parametreler WordPress veya harici Optimole panosunu ziyaret ederek. Her şey, neyle en rahat olduğunuza ve herhangi bir zamanda ne kadar veriye ihtiyacınız olduğuna bağlıdır.

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 .

Lazyload wordpress eklentisi

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.

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
5 hisseleri
hisse5
cıvıltı
Enregistrer