Webp & amp;WordPress: Neden ve Nasıl Kullanılır (+Eklenti)
WebP görüntü biçimi, WordPress sitenizi hızlandırmanın iyi bir yoludur. Büyük boyutlu fotoğraflar genellikle yavaş yükleme zamanının ana nedenidir, ancak görüntü kompresörleri bile kullanıcılarınızı görüntü dosyasını yüklemeye zorlayabilir ve tarama ile bağlantılarını yavaşlatabilir. Ayrıca, kompresörler de görüntülerinizi bulanıklaştırabilir. Ancak, genellikle kaliteyi etkilemeyecek hiçbir şey olmayacak şekilde görüntüleri sıkıştırabilen bir dosya biçimi vardır. Eksik JPEG sıkıştırmasının fotoğrafınızı nasıl görünür kıldığından veya çok büyük bir PNG dosya boyutunun nasıl olduğu nefret ediyorsanız, WebP belki arıyorsunuz.
WebP nedir, ne zaman kullanmalısınız ve WordPress sitenize nasıl ekleyebilirsiniz? Görüntünün boyutunu azaltabilmeniz ve sayfalarınızı daha hızlı yükleyebilmeniz için tüm bu soruları tartışalım. WebP: Bu nedir? Artık kullandığımız görüntü formatlarının çoğu World Wide Web’in başlangıcından beri var olmuştur. Ve bu mantıklı; PNG, JPEG ve GIF işlerini oldukça iyi yapıyorlar. Başka neye ihtiyacın var?
Sorun, bu dosya biçimi sıkışmak için yeterli olmadığında ortaya çıkar. İnternet daha hızlı hale gelse de, mobil cihazların ortaya çıkışı, teknolojinin küçük bölümlerine (masaüstü bilgisayarlara kıyasla) daha az güç anlamına gelir. Buna ek olarak, dünya çapında hücresel bağlantılar mevcut olmasına rağmen, hız sıradan kablo internetten daha yavaş olabilir.
WebP sadece on yıl önce 2010’da çıktı ve uzun zamandır çalışan sorunlara çözümler sunuyor – daha iyi sıkıştırma ve gördüklerinizle karşılaştırılabilir görüntü kalitesi. Kardeşinin projesi Webm de aynı hedefe sahip: web için optimize ederken video ve ses sıkıştırma. WebP kayıplı ve kayıpsız sıkıştırma kullanır ve hatta şeffaflığı, renk profillerini, meta verileri ve animasyonu destekler. Bu, bugün hala yaygın olarak kullanılan Internet Explorer, Kaios ve Safari eski sürümleri hariç tüm ana tarayıcılar tarafından da desteklenir veya kısmen desteklenir. Genel olarak, bugün kullandığınız tüm dosya formatlarına ve daha fazlasına sahiptir. WebP’nin neden bu kadar önemli olduğu Google, WebP’de birçok çalışma yaptı ve algoritmalarının her zaman kayıpsız görüntülerle% 26 daha küçük ve kayıplı görüntülerle% 25-34 daha küçük sıkıştırabileceğini bulduklarında. Başka bir deyişle, kalite ödün vererek veya netliği korumak için daha az sıkıştırarak daha fazla görüntü sıkıştırmayı seçseniz de, WebP sürekli olarak daha iyi yapar. Ve PNG gibi kayıpsız algoritmalara kıyasla, kalite açısından daha az değilsiniz. Ancak bu fayda ne olursa olsun ve WebP 2010’dan beri var, onu kullanan tüm web sitelerinin sadece% 0,3’ü. Trend yükseliyor, ancak hala nadiren kullanılan bir teknoloji. WebP’nin ne kadar sunduğu düşünüldüğünde, bu şaşırtıcı.
Bunun nedeni muhtemelen ilk benimseme seviyesinin WebP’nin animasyon veya şeffaflık gibi özellikleri desteklemek için kullanılmaması ve halka açık tarayıcılarda daha önce minimum destek olmasıdır. Ayrıca, WebP’ye geçmek PNG gibi ortak dosya biçimlerini kullanmak kadar kolay değildir. WebP resimlerini bilgisayarınıza kaydedemez ve sitenize yükleyemezsiniz. Birkaç adım daha alır. Ancak sitenizin mümkün olan en kısa sürede yüklenmesini istiyorsanız, ekstra çaba ile orantılıdır. WebP Vs. Diğer dosya türleri birçok resim biçimi vardır, bazıları belirli görevler için diğerlerinden daha uygundur. Bazıları iyi sıkıştırır; Diğerleri animasyonu destekler; Diğerleri şeffaf arka plana izin verir. WebP her zaman en iyi seçim değildir, ancak çeşitli durumlarda iyi işlev görür. PNG, fotoğrafçılık ve sanat eserlerini çevrimiçi olarak sergilemek için uygun olan keskin kayıpsız sıkıştırma için popüler olan en yaygın dosya biçimlerinden biridir.
Kayıp dosya biçimi, JPG dosya boyutunu azaltmak için yaygın bir seçimdir. Bu, resimde görülen eserlerin zayıf yönleri ve şeffaflık desteği eksikliği ile birlikte gelir.
TIFF görüntülerinin kesinlikle sıkıştırılması yoktur. Görüntü, elbette çok büyük bir dosya boyutuyla ödenmesi gereken tüm ihtişamıyla görüntülenir. Bu web için iyi bir dosya türü değildir.
GIF, animasyonu destekleyen birkaç ortak dosya biçiminden biridir. Ancak daha uzun bir format nedeniyle, sadece 256 rengi destekler, bu da genellikle görüntülerin kötü ve düşük kaliteli görünmesini sağlar. GIF yalnızca animasyona ihtiyacınız varsa bir seçenek olmalıdır.
EPS ve SVG dosyaları kendi ligleridir. Aslında piksellerden yapılmış olmadığı için çok açık ve ölçülebilir bir vektör görüntüsü görüntüler. Sonuncusu, çok daha küçük bir dosya boyutuna sahip JPG veya PNG ile karşılaştırılabilir görüntü kalitesine ve şeffaflık ve animasyon desteğine sahip WebP’dir. Bu, tüm görüntü formatı ticaretinin krikosudur.
Görüntü Kaynağı: 1stwebdesigner
Daha küçük görüntüler yerine hafif bir kalite kaybı ile iyiyseniz WebP genellikle iyi bir seçimdir. Kalitenin önemli olduğu bir portföy yapmazsanız, ödünleşmeler genellikle orantılıdır. Değilse, bunun yerine PNG kullanmayı düşünün (TIFF görüntüleri web sitelerinde tamamen kullanılamayacak kadar ağırdır).
Değilse, WebP genellikle sadece üstün bir seçenektir. WebP resimlerini WordPress’e Nasıl Yüklenir Sitenizde WebP görüntüleri almanın iki yolu vardır: manuel veya eklentilerle. Eklenti önerilen bir yoldur, çünkü sizin için tüm kodlamayı işleyecektir ve çok daha az ayar gerektirir. Ancak bunu manuel olarak yapmayı tercih ederseniz, ilk adımınız bir WebP resmi almaktır. Görüntüleri sadece webp olarak kaydedemez veya bilgisayarınızda manuel olarak uzantıları değiştiremezsiniz; Özel bir dönüştürücüye ihtiyacınız var. Bunun için Google’ın Photoshop eklentisini, WebPShop’u deneyebilir veya bu çevrimiçi WebP dönüştürücüsünü kullanabilir ve bilgisayarınıza herhangi bir resim yükleyebilirsiniz. Her iki durumda da, yüklemeye hazır bir WebP resminiz olduğunda, WebP görüntülerini HTML veya CSS’de diğer resimlerde yaptığınız gibi görüntüleyebilirsiniz. Uygun olmayan bir tarayıcı için bir yedekleme görüntüsü belirlediğinizden emin olmak isteyeceksiniz, ancak bunun yanı sıra, bu HTML’deki diğer görüntülere atıfta bulunmak gibidir. <div class = "img/creakyoldjpeg.jpg" alt = "alt metin!". "image.jpg"); } .webp. TelementWithbackGroundImage {arka plan-image: url ("image.webp"); } Bununla ilgili tek bir sorun var: WordPress, medya yükleyicilerini kullanarak WebP resimlerini yüklemenize izin vermez. Yalnızca dosya türünün desteklenmediğini söyleyen bir hata görüntüler. WebP resimlerini sunucunuza manuel olarak yükleyebilir ve sitenizi doğru görüntüleyecek şekilde yapılandırabilirsiniz, ancak bu çok çaba gerektirir.
Bunun yerine, bu eklentilerden birini denemek isteyebilirsiniz. Daha kolay dönüşüm yaparlar ve çoğu görüntünüzü eklemek için kodu düzenlemenizi gerektirmez. Hayal etmek
Hayali sadece bir WebP dönüşümünden daha fazlasıdır; Ayrıca, yüklerken resimlerinizi ve küçük resimlerinizi optimize eder. Imafy'nin üç sıkıştırma seviyesi vardır: normal (kayıpsız), agresif (kayıplı) ve ultra (maksimum kayıplı sıkıştırma). Ancak optimizasyon tekniği, ultra düzeyde bile, görüntülerin sıkıştırıldığını söylemek genellikle zordur. Mass Optimal ayrıca yüklenen tüm görüntüleri sıkıştırmanızı sağlar. Ve yedekleme sürümü saklanır, bu nedenle sıkıştırmayı sevmiyorsanız, her zaman iptal edebilirsiniz. Imagify etkinleştirilmiş ile sitenize resim yüklediğinizde, otomatik olarak ayrı bir WebP sürümü üretir. Bu şekilde, sadakatsiz bir tarayıcı için bir yedek görüntü korurken sitenizde optimize edilmiş bir webp görüntüsü görüntüleyebilirsiniz. Ücretsiz resimler ve bir paket satın almadığınız sürece her ay 25MB görüntüleri sıkıştırabilirsiniz. WebP’ye dönüştürmek tamamen ücretsizdir ve sınırları yoktur. Optimal Görüntü EWWW
EWWW (kısaltmayı sevmiyor musunuz?) WebP dönüştürücü olarak işlev gören diğer popüler WordPress görüntülerinin en uygunluğudur. Sıkıştırma sınırsız ve ücretsizdir, bu nedenle endişelenecek aylık veri limiti yoktur. Yalnızca medya kütüphanenizde değil, her resmi sıkıştırır. WebP dönüşümü mevcuttur. Kolay IO ile bu otomatiktir ve orijinal görüntüyü değiştirmeden otomatik yavaş yükleme, sıkıştırma ve sayfa boyutu ölçeği elde edersiniz.
EWWW IO’nun daha iyi bir sıkıştırmaya sahip premium bir versiyona sahip olduğuna dikkat edilmelidir, bu nedenle en küçük resmi elde etmek için ödeme yapmanız gerekir. Ayrıca yalnızca 30 gün boyunca sıkıştırılmayan görüntüleri depolar. Genel olarak, EWWW IO’nun kullanımı çok kolaydır ve WebP’ye görüntü dönüşümünüzü basitleştirir. İyi bir yükleme sınırı yoktur. Ancak en iyi sıkıştırma yalnızca ücretli paketlerde mevcuttur, bu yüzden unutmayın. Kısa pikselShortPixel, görüntü sıkıştırma eklentileri için bir dizi şaşırtıcı özellik sunar. Basit bir ayarlarla, bu, doğrudan yükleyerek veya Mass Optimal ile görüntüleri her optimize ettiğinizde otomatik olarak bir WebP sürümü üretir. Sunucunuzdaki ayarları değiştirme veya belgeleri değiştirme kadar kolay gösterin. Ayrıca PNG’yi JPG’ye otomatik olarak dönüştürebilir, mini görüntüleri optimize edebilir, görüntüleri değiştirebilir, medya galerilerinin dışındaki görüntüleri optimize edebilir, meta verileri silebilir ve görüntülerinizde optimize edilmeyen görüntüleri ayırabilirsiniz. sunucu. Ve bu sadece bu eklenti özelliğinin yüzeyini fırçalamak. Bu, ayda 100 kredi kredi aldığınız bir kredi sisteminde çalışır. İhtiyacınız varsa daha fazla kredi alabilirsiniz, ancak kilitli bir premium özellik yoktur. Kâr amacı gütmeyen değilseniz veya arkadaşlarınıza kısa pikseller öneriyorsanız, daha fazla kredi alabilirsiniz. Ayda 100’den az resim yüklemeyi planlıyorsanız, ShortPixel en ücretsiz ve açıkça en iyi seçimi sunar. WebP İfadesi Bu sıkıştırma eklentisine ihtiyacınız yoksa ve yalnızca WordPress’teki WebP’ye dönüştürmek istiyorsanız, WebP Express sizin için uygundur.Bu, işini iyi gerçekleştiren basit ve ücretsiz bir eklentidir (işlenecek premium bir sürüm yoktur).Çalışmasını sağlamanın birkaç yolu vardır.Sunucunuzdaki teknoloji ile görüntüleri yerel olarak WebP’ye dönüştürmek için bir kitaplık kullanır.Tüm web ana bilgisayarları bunu desteklemez, ancak umutsuzluğa kapılmayın – hala seçenekleriniz var.Yerel yöntemleri destekleyen farklı web ana bilgisayarlarında sahip olduğunuz diğer sitelere bağlanabilir veya EWWW’den 1 dolarlık bir yangın anahtarı satın alabilir ve sunucularını kullanabilirsiniz. Bu biraz sofistike bir eklentidir ve tek başına yapılabilir.Bu sizin için zor olan parçaları işler, ancak bazı ayarlar ve ayarlamalar yapmanız gerekir.Kendiniz idare etmekte rahat değilseniz, yukarıdaki eklentilerden birini deneyin.Polonya Cloudflare
CloudFlare Pro paketini çalıştırırsanız, CloudFlare cila özellikleri aracılığıyla otomatik WebP dönüşümüne erişiminiz vardır. Lehçe, sitenizdeki görüntüleri kayıplı veya kayıpsız sıkıştırma ile otomatik olarak optimize eden özel olarak optimize edilmiş bir sıkıştırma algoritmasıdır. Ve elbette, WebP sıkıştırması bir seçenektir. Cloudflare tamamen işler ve WebP görüntülerinin yalnızca onu destekleyen tarayıcıya görüntülenmesini sağlar. Cila’yı etkinleştirmek, Cloudflare hesabınıza girmek, hız bölümüne gider ve aydınlatma kaybı veya kayıpsız sıkıştırma kadar kolaydır. WebP seçeneğini kontrol etmeyi unutmayın ve bunu yapmaya hazırsınız. Eklentiler veya manuel ayarlara gerek yoktur. WebP ve WordPress WebP ile daha hızlı yüklenen daha küçük görüntüler WordPress tarafından resmi olarak desteklenmeyebilir, ancak yine de sitenizde kullanabilirsiniz. Doğrudan yüklemeler düzgün çalışmaz, ancak sitenize WebP eklenmesini kolaylaştırmak için bir eklenti vardır. Bu tür görüntüleri manuel olarak da ekleyebilirsiniz, ancak eklentileri kullanmak daha kolaydır. WebP kalitesi diğer dosya türleri gibi çok keskin değildir, ancak fark göz ardı edilebilir. Bir portföyde sanat veya fotoğrafçılık sergilerseniz, ancak diğer birçok durumda (makaleleri dekore etmek veya web sayfalarını süslemek için görüntüler kullanarak) bundan kaçınmak isteyebilirsiniz, daha iyi bir seçimdir. WebP daha küçüktür, daha hızlı yüklenir ve diğer ağır sıkıştırma seçeneklerinden daha iyi görünür. PNG gibi yüksek kaliteli dosya formatları arasında neredeyse hiç ayrım yapabilirsiniz. Çok daha hızlı yükleme hızı yerine biraz kaliteyi kaybedebiliyorsanız, WebP kullanın.
