Les fotografies han d’ensenyar el producte, no fer esperar qui l’està mirant. Revisem i optimitzem com WordPress prepara i serveix imatges, amb una mostra de pàgines, criteris de qualitat i una manera de tornar enrere acordats.
Aquest servei encaixa quan el mòbil descarrega imatges massa grans, els WebP pesen més del que s’esperava, les fotografies de producte apareixen borroses o la imatge principal arriba tard. L’encàrrec pot cobrir unes plantilles concretes o un catàleg més gran després de provar les regles de lliurament.
Sol·licita una avaluació d’imatges ↗
Comença pel que descarrega realment el navegador
Revisem pàgines representatives i les seves peticions d’imatge en les mides de pantalla acordades. Separem original, variants generades, recurs triat pel navegador, bytes transferits, dimensions visibles i moment en què comença la petició.
Un fitxer més petit a la biblioteca no demostra que les visites el rebin. La plantilla, el maquetador o la capa de lliurament poden continuar demanant una altra versió. La revisió inicial identifica l’origen rellevant i la correcció proposada abans d’encarregar una conversió per lots.
Què pot incloure la feina
- Formats i qualitat: comparar versions adequades sobre una mostra i acordar el resultat visual amb l’equip.
- Lliurament adaptable: revisar mides generades,
srcset,sizesi el recurs que se serveix en mòbil i escriptori. - Presentació de producte: comprovar miniatures, galeries i ampliació quan formin part de l’abast.
- Comportament de càrrega: investigar quan se sol·licita la imatge important i si les regles de càrrega la retarden.
- Substitució i publicació: conservar originals, registrar referències afectades i definir actualització de memòria cau i recuperació.
El pressupost especifica plantilles, tipus d’imatge, idiomes i sistemes de lliurament inclosos. Configurar un CDN, adaptar un maquetador, regenerar un catàleg o modificar un servei extern són dependències que cal identificar, no donar per resoltes dins d’una tarifa de conversió.
Conserva el detall que ajuda a decidir la compra
L’acceptació de la compressió necessita exemples reals. Una textura de teixit, una etiqueta tècnica, una fotografia d’habitació i un logotip transparent poden necessitar tractaments diferents. Acordem la mostra i comparem el resultat a la mida d’ús, amb la galeria i l’ampliació rellevants.
Si l’original ja és massa petit o està deteriorat, pot caldre una font millor. L’encàrrec ha d’identificar aquell límit, en lloc de continuar processant un fitxer incapaç d’aportar el detall que falta.
Primer una mostra controlada; després, el catàleg
En una botiga amb moltes fotografies, comença per un conjunt representatiu de productes i plantilles. Conserva originals i registra les substitucions previstes. Comprova el recurs servit i el resultat visual abans d’estendre les mateixes regles a més referències.
Acorda qui accepta la qualitat i qui publica. Un format o mida nou no hauria de trencar sense avís un URL d’imatge, alterar el retall del producte o eliminar informació que necessita el client. Un lot per a tot el catàleg requereix abast, espai i pla de recuperació propis.
Què reps en tancar la intervenció
- Pàgines, plantilles i mostra d’imatges revisades.
- Problema localitzat i canvi aplicat al fitxer o al seu lliurament.
- Observacions comparables de les peticions abans i després, amb condicions de prova registrades.
- Comprovacions visuals, inclosos el detall i les composicions acordades.
- Registre d’originals conservats, referències substituïdes i manera de tornar enrere.
- Dependències pendents i recomanacions per a l’equip que publica.
La transferència d’imatges, l’arribada del contingut principal i el rendiment de la pàgina completa són mesures diferents. Registrem quina pretén millorar la intervenció. Reduir un fitxer no demostra per si sol una puntuació de PageSpeed, una millora de posicions o un resultat de vendes concret.
Què cal enviar per avaluar el problema
Envia dos o tres URL públics, el dispositiu o mida de pantalla on apareix l’error i el problema visible. Si utilitzes un CDN d’imatges, maquetador o connector de conversió, indica quin. No incloguis contrasenyes ni informació privada de clients a la sol·licitud inicial.
Per pressupostar també necessitem mida aproximada del catàleg, plantilles afectades i qui pot acceptar la qualitat de les imatges. L’avaluació permet distingir si la feina principal és als fitxers, la plantilla o el lliurament.
Guies útils abans de contractar
Expliquem per què un WebP pot pesar més que el JPEG i com revisar imatges de mida completa servides al mòbil. La documentació d’imatges de Google tracta descobriment i marcatge adaptable; web.dev explica el lliurament d’imatges adaptables. Són fonaments tècnics que cal contrastar amb el comportament real del web.
Per a un problema més ampli de la botiga, consulta la intervenció de rendiment WooCommerce. Per començar per les imatges, envia les pàgines afectades i sol·licita una proposta acotada.
AVIF o WebP per al següent lot?
Abans de convertir tota la biblioteca, consulta la guia per triar entre AVIF i WebP a WordPress el 2027: mostra representativa, compatibilitat de l’allotjament i comprovació del fitxer que arriba al mòbil.