WordPress’te WebP resimleri nasıl kullanılır: Bilmeniz gereken her şey
WordPress’te WebP resimlerini kullanmak ister misiniz? Veya hangi webp görüntüsünün kafası karıştı ve neden onları önemsemeniz gerekiyor? Bu yazıda her iki problemi de çözeceğiz. WebP’nin ne olduğunu zaten biliyorsanız ve başlamak istiyorsanız, nasıl başlatılacağına ve çalıştıracağınıza dair bir adım -adım göstereceğiz. WordPress siteniz için WebP görüntüsünü neden önemsemeniz gerektiğinden hala emin değilseniz, WebP görüntü formatının tanıtımı, diğer görüntü formatları ile avantajlar ve karşılaştırmalar ve tarayıcı desteği hakkında bazı önemli ayrıntılarla başlayacağız.
Hadi kazalım! WebP nedir? WebP, Google tarafından geliştirilen modern bir resim dosyası biçimidir. “Görüntü dosyası biçimi” ile kastettiğimiz, PNG, JPEG, GIF, vb. Gibi diğer görüntü formatlarıyla aynı işlevdir. WordPress sitesinde resimler kullanıyorsanız, görüntüyü JPEG veya PNG gibi biçimlerden WebP formatına dönüştürebilirsiniz. İnsan ziyaretçileri için, webp görüntüsünüz tam olarak başka bir formatta resme benzeyecektir – insan gözünde görünüşü hakkında özel bir şey yoktur. Peki – WebP resimlerini kullanmanın faydaları nelerdir? Sağlıklı .., WebP görüntülerini kullanmanın faydaları nelerdir? WebP projesinin temel avantajları ve hedefleri, aynı görüntü kalitesini korurken daha küçük görüntü dosyaları oluşturmaktır.
WordPress sitesinde kullandığınız resim dosyasının boyutunu küçültebiliyorsanız, site kullanıcı deneyiminizin herhangi bir bölümünü değiştirmeden site yükleme süresini hızlandırabilirsiniz. WebP resimlerinin faydaları kısaca – daha küçük resimler → daha hızlı web siteleri. Örneğin, Google 2014 yılında küçük resim YouTube için bir WebP resmi başlattığında, Google ekibi açılış saatinde%10’a kadar bir azalma ürettiğini iddia etti. Aynı yazıda Google, Google Play Store’daki görüntünün boyutunu%35 azaltabildiklerini söyledi. “Yeni nesil format” ile bu araç WebP anlamına gelir (veya optimize edilmiş bir format benzerdir). Bir sonraki sorunuz mümkün – WebP ve PNG ve JPEG gibi diğer resim formatları ne kadar küçük? Kesin fark, karşılaştırdığınız belirli bir dosyanın görüntüsüne ve biçimine bağlıdır … WebP-JPEG Google, WebP ve JPEG görüntülerinin sıkıştırılması arasında büyük bir karşılaştırmalı değerlendirme yapar ve% 25-34 WebP görüntüsünün daha küçük olduğunu bulur. eşdeğer JPEG görüntüsü. Onların sözleriyle, “Bu sonuçlar WebP’nin JPEG’ye kıyasla sıkıştırmada önemli bir artış sağlayabileceğini göstermektedir.”
Kalitenin değişip değişmediğini yargılamak için gerçek resimlerden bazılarını görmek istiyorsanız, Google’ın burada aynı görüntüyü WebP ve JPEG formatıyla karşılaştıran bir WebP galerisi var. WebP vs PNG PNG görüntüleri için Google, WebP sürümünün% 26 daha küçük olduğunu buldu. Diğer çalışmalar, hangi değişkenlere (kullandığınız JPEG kodlama yöntemi gibi) bağlı olarak biraz daha küçük veya daha büyük bir fark bulur, ancak sonuçlar genellikle WebP’nin karşılaştırılabilir kalitede daha küçük dosya boyutları sunmasıyla oldukça tutarlıdır, bu yüzden işler bu yüzden şeyler Büyümeye devam ediyor. Popülerlikte. WebP görüntülerini hangi web destekliyor? Bu yazıyı bir yıl önce yazdıysak, WebP formatının zayıf yönlerinden birinin tam tarayıcı desteğinin eksikliği olduğunu söyleyeceğiz. Chrome ve Firefox’un uzun zamandır WebP desteği vardı, ancak tek ana anlaşmazlık safari. Ancak Apple nihayet Eylül 2020’de vazgeçti ve Safari 14’e WebP desteği ekledi. Haziran 2021’den başlayarak, Microsoft’un Ağustos 2021’de duracağı Internet Explorer hariç tüm ana tarayıcılar WebP’yi destekliyor. Bu harika bir web sitesine göre, kullanabilir miyim:
Ancak, WebP için Safari desteği ile küçük bir uyarı var – bu yalnızca MacOS 11 Big Sur veya daha yeni kullanan MAC kullanıcıları için kullanılabilir. Yani, birisi daha uzun bir macOS/Safari sürümü kullanıyorsa, yine de WebP desteği olmayabilir. Genel olarak, Haziran 2021 itibariyle, tüm ziyaretçilerin yaklaşık% 95’inin WebP’yi destekleyen bir tarayıcı kullandığını tahmin edebilir miyim? Peki ya diğer%5? Neyse ki, doğru WordPress eklentisini (aşağıda açıklayacağımız) kullanarak bunun üzerinde çalışmak yeterince kolaydır. Temel olarak, orijinal resminizi JPEG/PNG/GIF biçimine yükleyebilir ve eklentinin dönüştürmesini isteyebilirsiniz. Ardından, eklenti, WebP sürümünü tarayıcıya ve orijinal sürümü tarayıcıya desteklemeyen tarayıcıya sunacaktır. WordPress 5.8’de WebP resimlerinin nasıl kullanılacağı WebP desteği ekler. Yani, WebP resimlerini doğrudan WordPress’e yükleyebilirsiniz. Ancak, dönüştüremezsiniz. Buna ek olarak, WebP görüntülerini doğrudan medya kitaplığına yükleme yeteneği, tarayıcıları WebP’yi desteklemeyen ziyaretçilerin ~% 5’ini iyileştirmez. Bu, WordPress’te WebP resimlerini kullanamayacağınız anlamına gelmez. Bunun yerine, şunları istiyorsunuz:
Orijinal formatta resim yüklemeye devam edin – örneğin PNG, JPEG, GIF, vb.
Her iki şeyi de elde etmek ve görüntünüzü başka bir şekilde optimize etmek için Imagify’ı kullanabilirsiniz.
Imafy, eksiksiz bir WordPress görüntü optimizasyon eklentisidir. Görüntüleri WebP’ye dönüştürmenize ve desteklenen tarayıcılara göstermenize yardımcı olmanın yanı sıra, bu da size yardımcı olabilir: bazı görüntüleri orijinal formatta sıkıştırın.
Kaliteyi kaybetmeden görüntünün boyutunu maksimum boyut kümesine otomatik olarak değiştirin.
Imafy, yüklediğinizde görüntüleri WebP’ye otomatik olarak optimize eder ve dönüştürür. Ve eski görüntüler için, toplu olan bazı veya tüm görüntüleri tek bir tıklamayla optimize edebilir ve dönüştürebilirsiniz. Nasıl ayarlayacağınız aşağıda açıklanmıştır … 1. Imagify eklentisini yükleyin ve WordPress.org adresinden ücretsiz Imagify eklentisini başlatmak, yüklemek ve etkinleştirmek için ateş tuşunu etkinleştirin.
Bunu yapmayı bitirdikten sonra, eklenti sizden ateş anahtarınıza girmenizi isteyecektir. Ücretsiz bir Imagify hesabı almak için kayıt yaparak API anahtarınızı alabilirsiniz. Image, ayda 20 MB resmi ücretsiz olarak optimize etmenizi ve dönüştürmenizi sağlar, bu da yaklaşık 200 görüntüye eşdeğerdir. Ayda ~ 200’den daha az resim yüklerseniz, yine de ücretsiz paketler kullanabilirsiniz. Bundan daha fazlasına ihtiyacınız varsa, ücretli paketi 500 MB (~ 5.000 resim) veya sınırsız kullanım için ayda 9,99 $ için ayda 4,99 $ maliyetle artırabilirsiniz.
Tüm paketlerle, API hesabınızı WordPress sitesinde sınırsız kullanabilirsiniz. Bir yangın anahtarınız olduktan sonra kutuya ekleyin ve beni bağlayın:
2. Temel Görüntü Optimizasyonu ayarlarını ayarlayın Imagify API tuşunu ekledikten sonra, eklentinin temel ayarlarını yapılandırmak için Ayarlar → Hayali Açın. Üstte, diğer birkaç ayarla birlikte istenen sıkıştırma seviyesini seçebilirsiniz. Hangi sıkıştırma seviyesinin kullanılacağından emin değilseniz, görsel karşılaştırmaları deneyebilirsiniz: sayfanın daha aşağısında, daha büyük görüntünün boyutunu otomatik olarak değiştirme ve boyut olarak değiştirilen görüntünün maksimum boyutunu ayarlama seçeneğini etkinleştirebilirsiniz. Örneğin, 1.600 piksel olarak maksimum genişlik ayarlarsanız, 1.600 pikselden daha geniş herhangi bir görüntü otomatik olarak 1.600 piksel olarak değiştirilecektir. Ayrıca optimize etmek istediğiniz resim küçük resimlerinin boyutunu da seçebilirsiniz:
3. Imagify’da WebP dönüşümünü etkinleştirmek için WordPress WebP dönüşümünü hazırlayın, optimizasyon altında WebP formatı ayarlarını bulun. İlk olarak, resimler kutusunun webp sürümünü oluşturun. Bu, ImagePy’ye resimlerinizi WebP’ye dönüştürmesini söyler, ancak Imagify’a WebP görüntüsünü desteklenen bir tarayıcıya sunmasını söylemez. Bunu başarmak için, Sitedeki WebP formatında ekran kutusunu da kontrol edebilirsiniz. Bunun altında, etiket yöntemini kullanmanızı öneririz. Https://cdn.yoursite.com gibi ayrı URL’lerden görüntüleri görüntülemek için içerik dağıtım ağını (CDN) kullanırsanız, URL’yi kutuya koymanız gerekir:
Ekran görüntülerinde görebileceğiniz gibi, etiket yöntemi birkaç WordPress temasında sorunlara neden olabilir. Bir WebP görüntüsünü etkinleştirdikten sonra temanızla ilgili bir sorun görürseniz, yeniden yazma kurallarını kullanma seçeneğini deneyebilirsiniz. 4. Görüntünüzü Dönüştürme ve Optimize Edin Şimdi Image, yüklediğiniz yeni görüntüleri otomatik olarak optimize etmeye ve dönüştürmeye başlayacaktır. Sitenizde çok fazla resim varsa, var olan tüm görüntüleri optimize etmek ve bunları WebP’ye dönüştürmek için Medya → Kütle Optimizasyonu’nu açabilirsiniz: Ve hepsi bu! WordPress siteniz, mümkünse ziyaretçiler için daha küçük ve daha hızlı bir WebP görüntüsü kullanmaya başlayacaktır. WebP görüntülerini WordPress’te kullanmaya başlamak, WebP görüntü formatını kullanarak, resmin veya kullanıcının deneyiminin kalitesini değiştirmeden WordPress site görüntü dosyanızın boyutunu azaltmanızı sağlar. Dosya boyutunu daraltarak, sitenizin yükleme süresini hızlandırabilirsiniz. Haziran 2021’den başlayarak, WebP formatları neredeyse evrensel tarayıcı desteğinin tadını çıkarıyor ve tüm ziyaretçilerin ~% 95’i WebP’yi destekleyen bir tarayıcı kullanıyor. WordPress’te bir WebP resmiyle başlamak istiyorsanız, Imagify’ı kullanabilirsiniz. Imafy, site görüntüsünüzü otomatik olarak optimize eder ve bunları WebP’ye dönüştürür. Ardından, tarayıcıları WebP’yi destekliyorsa, ziyaretçilerin resmin WebP sürümünü görmelerini sağlayacaktır. Başlamak için, Imagify eklentisini ücretsiz yükleyin ve bugün Imagify hesabına kaydolun. WebP’yi WordPress’te kullanma hakkında hala sorularınız var mı? Bize yorum kısmında anlatın!
