Qu; este WebP și cum se folosește acest format d; imagine în Wordpress - Zen Devs
În cazul în care imaginile reprezintă de obicei 50% din greutatea unei pagini web medii, orice puteți face pentru a vă optimiza imaginile nu numai că va economisi spațiu pe serverul dvs., ci va servi și paginile mai repede.
Din fericire, cu formatul de imagine WebP, puteți crea imagini mai mici, mai bogate, care sunt în medie cu 26% mai ușoare decât PNG și cu 25-34% mai puțin comparativ cu JPEG - menținând în același timp aceeași calitate.
În acest articol, vom arunca o privire la ce este WebP și cum să utilizați acest format de imagine pe site-ul dvs. WordPress pentru a reduce dramatic dimensiunea imaginii.
Ce este WebP ?
WebP este un format de fișier imagine creat de echipa web Google, dezvoltat pentru a înlocui formatele JPEG, PNG și GIF, acceptând în același timp compresia, transparența și animația.
A fost anunțat pentru prima dată în septembrie 2010 ca un nou standard deschis pentru imagini color comprimate cu pierderi de pe web, producând dimensiuni de fișiere mai mici și de calitate comparabilă cu JPEG.
Suportul pentru imagini fără pierderi și transparente a fost anunțat în 2012, făcând din WebP o alternativă la formatul PNG.
Compresia cu pierderi WebP utilizează codificarea predictivă pentru a codifica un cadru - aceeași metodă utilizată de codecul video VP8 pentru a comprima cadrele cheie din videoclipuri. Codificarea predictivă funcționează utilizând valorile blocurilor de pixeli învecinate pentru a prezice valoarea unui bloc, apoi codifică doar diferența.
Compresia fără pierderi a WebP folosește fragmente de imagine văzute anterior pentru a reconstrui noi pixeli și poate utiliza o paletă locală dacă nu se găsește nicio potrivire.
După cum puteți vedea în exemplele de mai jos din galeria Google WebP, nu există nicio diferență vizibilă între calitatea imaginilor JPEG din stânga și versiunile WebP din dreapta. Ceea ce nu vedeți, dacă nu verificați dimensiunea fișierului, este că imaginile WebP sunt cu 30% mai mici decât imaginile JPEG.
Dar așa cum am spus mai înainte aici, atunci când vine vorba de greutatea unei pagini, dimensiunea contează. La urma urmei, cu cât dimensiunea fișierului unei pagini web este mai mică, cu atât se va încărca mai repede. Este atât de ușor 😉
Deci, reducând dimensiunea fișierului imaginilor dvs. utilizând un format precum WebP, în combinație cu alte tehnici, cum ar fi utilizarea caracteristicii de încărcare leneșă, puteți difuza imagini.
Suport pentru formatul WebP în browsere
S-ar putea să vă întrebați, deoarece WebP există de opt ani, de ce nu este mai popular? De ce mai folosim JPEG și PNG atunci când WebP poate produce fișiere de dimensiuni mai mici și de calitate comparabilă ?
Ei bine, ca multe tehnologii de pe web care se luptă să-și găsească picioarele, nu toate browserele moderne acceptă WebP. Conform Pot folosi ..., browserele care acceptă WebP includ Chrome, Opera, Opera, Opera Mini, browserul Android și Chrome pentru Android.
Microsoft a anunțat că va sprijini WebP în browserul Edge în octombrie anul trecut, iar Mozilla a făcut un anunț similar la scurt timp după Firefox. Acum este doar Safari-ul Apple care a rămas în urmă, fără compatibilitate.
După ce a manifestat mai întâi interesul pentru suportul pentru formatul de imagine când a adăugat suport WebP în iOS 10 și MacOS Sierra, Apple l-a înlocuit ulterior cu HEIF, un format de imagine bazat pe standardul de compresie video HEVC (cunoscut și sub numele de H.265 și MPEG-H Partea 2 ).
Deși nu a existat niciun indiciu recent că Apple va sprijini WebP în viitor, compania nu are cu adevărat de ales acum, așa cum fac toate celelalte browsere majore și software-ul de editare a imaginilor.
Utilizarea WebP - cu JPEG/PNG ca soluție alternativă
Doar pentru că Apple nu acceptă WebP nu înseamnă că nu ar trebui să utilizați formatul. Este posibil să oferiți fișiere WebP vizitatorilor utilizând browsere acceptate în timp ce vizualizați fișiere JPEG și PNG ca soluție alternativă pentru utilizatorii Safari.
În acest fel, în loc să oferiți WebP tuturor utilizatorilor și să riscați ca utilizatorii Safari să vadă imagini sparte, vă puteți asigura că toți vizitatorii site-ului vă văd imaginile - în timp ce utilizatorii cu browsere acceptate au experiență mai rapidă.