WordPress’te görüntüleri verimli bir şekilde kodlama

Bu da ne? Bu denetim, optimize edilmeyen tüm görüntüleri, kilobaytlarda potansiyel tasarruflarla içerir. Kayıtlı görüntünün optimize edilmesi, sayfanın daha hızlı yüklenmesini ve daha az veri kullanmasını sağlar. Bu neden görüntüleniyor? Deniz Feneri, sayfadaki tüm JPEG veya BMP görüntülerini toplar, her 85. resmin sıkıştırma seviyesini ayarlar ve daha sonra orijinal sürümü sıkıştırılmış bir sürümle karşılaştırır. 4KB tasarruf potansiyeli veya daha büyükse, Deniz Feneri görüntüyü optimize edilmiş olarak işaretler.

Nasıl tamir edersin? Bu denetimin üstesinden gelmenin birçok yolu vardır. Optimize edilmiş görüntüler tüm web sitelerinde kullanılmalıdır, çünkü bunları sıkıştıramaz/üstesinden gelmezseniz, bir resim web sitenize 5-10 saniye yükleme süresi ekleyebilir. Yukarıdaki örneğe bakın: Kitten2.jpg Optimize edilmiş görüntüler 11 megabita’dır ve sayfayı yükleme zamanına yaklaşık 20 saniye ekleyin.
Görüntüleri optimize ederek sayfalarınızı artırmanın bazı yolları şunlardır: görüntü sıkıştırır. Sıkıştırılmayan görüntüler sayfanızı gereksiz baytlarla şişirir. Sağdaki fotoğraf soldan% 40 daha küçüktür, ancak ortalama kullanıcı ile aynı görünebilir.

Görüntü sıkıştırma için iki yol vardır: kayıpsız ve kayıplı. PNG Kayıpsız Olurken JPEG KAYBI – Bu, JPEG dosyasını sıkıştırmanın verilerin kaybolmasına neden olduğu ve değiştirilemeyeceği anlamına gelir. Doğru yapılırsa, bu sıkıştırma hala uygulanabilir görünürken oldukça büyük bir dosya azaltma ile sonuçlanır. Yanlış yapılırsa, görüntüler hızla kaliteyi kaybeder.
PNG tarafından kullanılan kayıpsız sıkıştırma, görüntünün kalite kaybı olmadan azaldığı yerdir. Bu genellikle meta verilerin kaldırılmasıyla yapılır. Dosya boyutunda bir azalma göreceksiniz, ancak büyük bir azalma göreceksiniz (yeterince mantıklı, birkaç satır veri ve tüm parçalar silmeyi düşünün). Bazı durumlarda,% 85’e kadar görüntüleri sıkıştırabilirsiniz, bu da sitenizin yükleme süresini önemli ölçüde değiştirecektir. WordPress ile, görüntünüzü otomatik olarak sıkıştırabilecek çok sayıda eklenti var. Smush ve ewww’yi seviyoruz (deneyimlerimize göre, EWWW daha güçlüdür, ancak Smush’a kıyasla daha karmaşık bir arayüze sahiptir). Sadece eklentiyi yüklemeniz ve ardından “Görüntünün Toplu Optimizasyonu” nu tıklamanız gerekir. Eklenti daha sonra web sitenize yüklenen tüm resimleri çalıştırır, en iyi görüntü sıkıştırma yöntemini seçer ve ardından görüntüye uygular. Animasyonlu GIF’i video ile değiştirin. GIF, büyük boyutu nedeniyle yükleme sürenizi azaltır. Ödüller temel olarak tarayıcınızın grafik gibi videolar yapmak için sırayla oynadığı geniş bir görüntü koleksiyonudur.
GIF’i MP4 Video veya WebM’ye dönüştürmek, boyutunu büyük ölçüde azaltır, aynı işleve sahiptir ve web sitenizin daha hızlı yüklenmesini sağlar.

Google tarafından bu örnekte GIF 3,7 milyon, MP4’e dönüştürürken dosya boyutunu yüzde 80’e kadar azaltır. Bir WebM videosuna dönüştürmek, dosya boyutunu daha küçük hale getirir. Kutunun dışında, video dosyası GIFS GIF yapan üç ana bileşeni kaybeder:

GIF otomatik olarak döndürülür.
GIF sürekli olarak tekrarlandı (genellikle, ancak tekrarlamayı önlemek mümkündür).
GIF sessizdir.
Video öğelerinize aşağıdaki öznitelikleri eklerseniz, GIF işlevini yeniden oluşturabilirsiniz.