WordPress'te WebP Görüntülerini Kullanma

Yayınlanan: 2021-03-30

Muhtemelen zaten bildiğiniz gibi, konu web siteleri olduğunda hız önemlidir! Web sitenizi hızlandırmak için yapabileceğiniz en iyi şeylerden biri sayfa boyutunu küçültmektir. Ne kadar küçükse, indirilmesi gereken veri o kadar az olur. Ne kadar az veri olursa, sayfa o kadar hızlı yüklenir (neden dahilinde!).

Görüntüler, bir web sayfası dosya boyutunun önemli bir bölümünü oluşturur (bazen sayfa verilerinin %50'sinden fazlası görüntülerdir). Bu, resimleri daha küçük sayfa boyutları arayışınızda diyet yapmak için bir numaralı hedef haline getirir! Geleneksel olarak, web sitelerinde kullanılan çoğu resim ya JPEG'dir ya da PNG'dir. Her ikisi de web sitelerinde iyi çalışan mükemmel dosya türleridir. Ancak boyut sorunu yaşayabilirler. TinyPNG gibi bir araç kullanılması tavsiye edilirken (ve sitenize eklediğiniz resimlerin boyutu üzerinde dramatik bir etkisi olabilir), 'kutudan çıktığı gibi' daha küçük bir resim formatı olsaydı ne olurdu? Evet, var ve buna WebP deniyor.

Bu yazıda, ne olduklarını ve bunları WordPress web sitenizde nasıl kullanabileceğinizi öğrenmek için WebP görüntülerine daha ayrıntılı olarak bakacağız. Yani, her zaman web sitenizi zayıflatmak istediyseniz, o zaman bir kahve ve biraz kek alın (kimse web sitemiz kadar diyet yapmamız gerektiğini söylemedi!) ve sonra başlayalım!

WebP görüntüleri nedir?

Peki, muhtemelen insanların hakkında konuştuğunu duyduğunuz bu WebP görüntüleri nelerdir? Bunda çok karmaşık veya gizemli bir şey yok. Temel olarak, sadece başka bir dosya türüdür. Görüntüler JPEG veya PNG formatında kaydedilmek yerine WebP olarak kaydedilir. WebP aslında Google tarafından geliştirildi. WebP'yi 'web'deki görüntüler için üstün kayıpsız ve kayıplı sıkıştırma sağlayan modern bir görüntü formatı olarak tanımlıyorlar. WebP'yi kullanarak, web yöneticileri ve web geliştiricileri, web'i daha hızlı hale getiren daha küçük, daha zengin görüntüler oluşturabilir.'

Google hızlı bir web sitesini sever, bu nedenle web sitelerinin daha hızlı çalışmasına yardımcı olacak bir görüntü formatı sağlamada öncülük etmeleri gerektiği mantıklıdır. WebP dosyaları, eşdeğer bir JPEG'den tipik olarak %25 ila %34'tür (Google'ın kendi araştırmasına göre). Görüntülerin bir web sayfasındaki verilerin büyük bölümünü oluşturabilmesi temelinde, bu önemli bir tasarruftur.

Ve görüntülerinizin kalitesini kaybedeceğinizden endişelenmeyin – WebP'nin tüm amacı, görüntüleri hem görsel açıdan yüksek kalitede kalırken hem de aynı zamanda küçük bir boyutta kaydedilecek bir biçimde kaydedebilmektir. dosya formatı. Bir kazan-kazan.

Bu nedenle, WebP görsellerinin boyutu küçükse ve yine de kullanıcılarınız için harika bir görsel deneyim sunuyorsa, neden daha yaygın olarak kullanılmadıklarını merak edebilirsiniz. Bunun birkaç temel nedeni var.

Kullanılabilirlik: Şu anda WebP görüntüleri Photoshop veya Illustrator gibi grafik tasarım yazılımlarının çoğu tarafından desteklenmemektedir. Bu programlarda çalışan herkes, resim dosyalarını (tüm açıklamalar, JPEG, GIF, PNG vb.) açmaya ve gerektiğinde düzenlemeye 'başlamaya' alışacaktır. Ayrıca, söz konusu dosyaların kaydedilmesi söz konusu olduğunda, genellikle yaygın görüntü biçimlerinden herhangi birine dışa aktarabilirsiniz. WebP ile bunu kutudan çıkar çıkmaz yapmak mümkün değildir. Bunun yerine, 'normal' resim düzenleme yazılımınızı kullanmak için muhtemelen WebPShop'tan bir eklenti indirmeniz gerekecek. WebP görüntüleri JPEG'ler ve diğer formatlar kadar yaygın hale gelene kadar, her zaman işleri 'fazla karmaşıklaştırma' konusunda bir isteksizlik olacak ve birçok web tasarımcısı daha geleneksel görüntü formatlarını kullanmaya devam edecek.
Tarayıcı Uyumluluğu : WebP, tüm tarayıcılar tarafından evrensel olarak DESTEKLENMEMEKTEDİR. Bu, Chrome veya Mozilla gibi güncel tarayıcıları kullanan ziyaretçilerinizin çoğunluğunun bu resimleri görüntülemekte sorun yaşamamasına rağmen, kaydedilen web sitesi resimlerini görüntüleyemeyecek büyük bir azınlığa sahip olacağınız anlamına gelir. Özellikle kullanılan sürüme bağlı olarak (yazma sırasında) yalnızca kısmi destek sağlayan Safari'yi içeren WebP olarak. Tüm ziyaretçilerinizin web sitenizi istediğiniz gibi görmesini sağlamak için bir geçici çözüme (aşağıda tartışacağız) ihtiyacınız olacak.

O halde soru 'WebP kullanmalı mıyım?' olmalıdır. İnsanlar inanılmaz derecede yenilikçi bir dosya formatının ne olduğunu daha fazla fark etmeye başlamış gibi görünüyor. Ve hız sizin için gerçekten önemliyse ve WebP görüntülerini kullanarak bir web sitesi oluşturacak kaynaklara sahipseniz neden olmasın? Tüm yeni teknolojilerde olduğu gibi, bazen başlangıç kapısından çıkmak yavaş olabilir, ancak rekabeti yakalamak için yarışmaktansa eğrinin önünde olmak daha iyidir! Bunu akılda tutarak, bir WordPress web sitesinde WebP görüntülerini nasıl kullanacağımıza bir göz atalım.

WordPress ile WebP Görüntüleri nasıl kullanılır?

Temmuz 2021'den önce doğrudan konuya giren ve WebP dosyalarını WordPress web sitesine yüklemeye çalışan herkes biraz hayal kırıklığına uğrayabilirdi. Muhtemelen Media Center aracılığıyla yüklenen herhangi bir WebP görüntüsünün normal şekilde kaydedilmesini bekleyebilirsiniz. Bunun yerine şöyle bir ekran görmüş olabilirsiniz:

Neyse ki, WordPress 5.8'in piyasaya sürülmesinden bu yana, WebP görüntülerini doğrudan WordPress'e yükleyebilirsiniz; bu, bu harika görüntü biçiminin kullanımını JPEG, PNG ve GIF biçimleri kadar kolay hale getirir. WordPress çekirdeğinizi en son sürüme yükseltmenin mantıklı olmasının nedenlerinden biri, bunun gibi tutarlı iyileştirmelerdir. Tabii ki, Pressidium gibi yönetilen bir WordPress ana bilgisayarı kullanıyorsanız, bunu sizin için hallederiz ve her zaman WordPress'in en yeni ve en iyi sürümünü çalıştırdığınızdan emin olmanıza yardımcı oluruz.

WordPress 5.8'in piyasaya sürülmesinden önce, WebP görüntülerini kullanmanın en kolay yollarından biri, desteklenen görüntü biçimlerini (örn. PNG'ler) WebP dosyalarına dönüştürecek ve ardından bunları sitenizde görüntüleyecek bir eklenti kurmaktı. WebP görüntülerini kullanmanın bazı uyarıları vardır (bunları yukarıda listeledik) ve Shortpixel gibi uygun bir eklenti kullanmak bu olumsuzlukları ortadan kaldırabilir, bu nedenle yine de dikkate değer bir çözüm olabilir. Daha fazlasını öğrenmek için okumaya devam edin!

kısa piksel

Shortpixel harika bir eklentidir ve WebP görüntülerini kullanmayı seçip seçmediğinizi düşünmeye değer bir eklentidir. Shortpixel, köklü bir görüntü optimizasyon hizmetidir. Yüklediğiniz tüm görüntüleri, mükemmel görüntü sıkıştırma hizmeti aracılığıyla çalıştırır ve genellikle görüntü kalitesinde herhangi bir kayıp olmadan görüntü boyutunu %50 veya daha fazla sıkıştırır. Bunu otomatik olarak yapar, yani resimlerinizi web sitenize yüklemeden önce sıkıştırmayı düşünmeniz gerekmez.

Shortpixel'den gerçekten en iyi şekilde yararlanmak için onlarla bir plan için ödeme yapmanız gerekir. Ayda yalnızca 3,99 ABD dolarına mal olan 5.000 görüntüyle 'görüntüler optimize edilmiş/ay' bazında ücret alırlar. Birçok web sitesi için bu plan fazlasıyla yeterli olacaktır ve optimize edilmiş bir web sitesiyle ilişkili performans avantajları göz önüne alındığında, fiyatı ucuzdur.

Kısa piksel, JPEG ve PNG dahil olmak üzere çok çeşitli görüntü formatlarını optimize eder. Merak ediyor olabilirsiniz, bu WordPress web siteme WebP görüntüleri eklememe nasıl yardımcı olur?

Hatırlarsanız, tüm web tarayıcıları, kullanılan sürüme (yazım sırasında) bağlı olarak Safari'de yalnızca kısmi WebP desteğiyle WebP biçimini desteklemez ve Internet Explorer tarafından desteklenmez. Eski veya desteklenmeyen bir tarayıcı kullananlar azınlıkta olsa bile, bu ziyaretçilere hitap etmeyen bir web sitesi oluşturmak uygun bir seçenek değildir.

Ayrıca pek çok görüntü düzenleme yazılımının da WebP dosyalarını kutudan çıkar çıkmaz desteklemediğini hatırlayabilirsiniz. Yani, iki cephede bir savaşımız var… ilk etapta WebP dosyaları oluşturmak veya bunlarla çalışmak için sadece çemberler arasında atlamamız gerekmiyor, aynı zamanda a) onları WordPress web sitemize eklemenin ve b) bir yolunu bulmamız gerekiyor. WebP uyumlu olmayan bir tarayıcı kullanarak sitemizi ziyaret edenler için bir yedek resim oluşturmak.

Kurtarmaya giden kısa piksel

Shortpixel, WordPress web sitelerinde WebP görüntülerini kullanmak için düzgün bir yaklaşıma sahiptir. Eklentilerinden tek bir onay kutusunu işaretleyerek, yüklediğiniz herhangi bir görüntünün WebP sürümlerini oluşturmasını söyleyebilirsiniz. Ardından Shortpixel eklentisine bu WebP görüntülerini WebP'yi destekleyen tarayıcılarda görüntülemesini söyleyebilirsiniz.

Web sitesi ziyaretçilerinin tarayıcısı WebP görüntülerini görüntüleyemiyorsa, otomatik olarak alternatif bir görüntü formatı görüntülenecektir. Bu size tüm dünyaların en iyisini verir... Tarayıcılar için WebP sayesinde bunları işleyebilen tarayıcılar veya yapamayanlar için iyi optimize edilmiş bir alternatif sayesinde küçük boyutlu görüntüleri kullanan bir web sitesinin hızı.

WebP artık yaygın olarak benimsenen bir görüntü formatıdır. İster artık WordPress'te bulunan yerel yükleme işlevini kullanmayı, ister ShortPixel gibi bir eklenti aracılığıyla oluşturmayı seçin, sitenizin küçültülmüş dosya boyutundan yararlanabilmesi için web sitesi resimlerinizi WebP türevlerine geçirmeyi düşünmek gerçekten mantıklıdır. sırayla, daha hızlı yüklenen bir web sitesine dönüştürün.