En aquesta publicació, veurem com i per què hauríeu d'optimitzar els vostres fitxers d'imatge al vostre lloc web de WordPress i investigarem els avantatges i els contres del nou format d'imatge WebP.

Com (i per què) utilitzar fitxers d'imatge WebP a WordPress

La velocitat de càrrega ràpida del lloc és fonamental si voleu que la gent interaccioni amb el vostre lloc web. Si la vostra pàgina triga massa a carregar-se, la gent simplement navegarà a un altre lloc, un client potencial perdut per sempre.

Hi ha molts factors que poden influir en la velocitat del lloc, però l'optimització dels fitxers d'imatge és potser un dels més importants.

Les imatges del vostre lloc web solen ser els fitxers més grans, sovint representen fins a 50% o més de la mida total del lloc. Els fitxers d'imatge grans poden posar les pauses en un temps de càrrega de la pàgina, d'altra manera, ràpid.

Aquí és on entra la compressió d'imatges WebP.

Què és un fitxer d'imatge WebP?

WebP és un nou format de fitxer que comprimeix els fitxers d'imatge JPEG i PNG tradicionals, reduint significativament la seva mida en 25-35%.

WebP utilitza una codificació predictiva molt intel·ligent que utilitza els valors dels píxels veïns d'una imatge per predir valors i després només codifica la diferència. Pel que sembla.

Com funciona exactament això, no en tinc ni idea, però el detall important és que després de la compressió el fitxer d'imatge és al voltant d'1/3 més petit i, per tant, es carregarà considerablement més ràpid!

Hi ha una pèrdua de qualitat amb les imatges WebP?

Hi ha dues opcions de compressió diferents disponibles amb imatges WebP: amb pèrdues o sense pèrdues.

Com els noms poden indicar, elssy implica alguna pèrdua de qualitat, sense pèrdues no.

Tot i que sense pèrdues pot semblar la millor opció, no la recomanaria, ja que realment no suposa cap reducció significativa de la mida del fitxer (sense pèrdua només elimina metadades innecessàries del fitxer però no altera la imatge).

La pèrdua redueix la resolució d'una imatge, però això no és realment un problema, ja que la diferència entre l'original i la versió comprimida no es nota als ulls de la majoria de la gent.

Per a la majoria de llocs web, l'enorme benefici d'accelerar el vostre lloc serà molt més gran que una pèrdua imperceptible de qualitat de la imatge.

Com puc utilitzar imatges WebP amb WordPress?

A partir del setembre de 2020, no és possible penjar imatges WebP a WordPress directament.

Això es deu al fet que, tot i que la majoria dels navegadors principals ara funcionen amb WebP, encara no és compatible amb 100%; sobretot, no funcionaran amb Safari (tot i que es diu que el suport s'afegirà a la propera actualització que sortirà en qualsevol moment).

Mentrestant, haureu de penjar un connector a WordPress que comprimirà les vostres imatges i us servirà com a imatges WebP en navegadors compatibles, o com a fitxers JPG/PNG tradicionals en navegadors antics.

Personalment, recomanaria utilitzar el Connector WP-Optimize. Aquest és un connector fantàstic que analitzarà i convertirà tots els fitxers d'imatge existents, a més de convertir automàticament qualsevol càrrega nova.

El connector es pot instal·lar i activar gratuïtament i també inclou algunes funcions d'optimització de bases de dades i de memòria cau.