Distingue entre píxeles, recorte y tamaño de archivo.
Las dimensiones describen el número de píxeles. El tamaño de archivo describe los datos que hay que descargar. El recorte determina qué parte del motivo permanece visible. Puedes mejorar uno y empeorar otro, así que compáralos por separado.
Una imagen de 960 píxeles puede funcionar bien en una cuadrícula pequeña de productos y no servir para una ampliación detallada. No existe un único límite de tamaño de archivo adecuado para todos los productos, dispositivos y plantillas. La letra pequeña de un envase exige un criterio diferente al de una silueta sencilla.
Revisa la imagen que reciben los compradores.
Comprueba por separado la tarjeta de categoría, la imagen de producto, la galería y el zoom. Confirma el tamaño mostrado e inspecciona en el navegador la imagen solicitada. La entrega adaptable puede enviar una variante diferente a cada dispositivo; el original de la biblioteca multimedia no es necesariamente el archivo descargado.
Si una imagen se ve borrosa, compara primero el original, la miniatura generada y las dimensiones de visualización. Ampliar una miniatura pequeña no recupera el detalle. Después de cambiar los ajustes de miniaturas o el tema, regenera los tamaños correspondientes mediante el procedimiento documentado para esa configuración.
Compara una imagen a un único tamaño de visualización.
Para esta comparación práctica, imagina una camiseta fotografiada sobre un fondo neutro. Mantén fijos el recorte y el tamaño de visualización. Revisa después el borde de la tela, la etiqueta y el fondo para detectar defectos visibles. Registra los bytes de los archivos realmente descargados en lugar de estimar el ahorro.
| Versión | Qué cambias | Qué revisas |
|---|---|---|
| Original | Nada; consérvalo como fuente | El detalle que quieres preservar |
| Dimensiones adecuadas | Redimensionar para la visualización útil | Bordes y etiqueta al tamaño real de visualización |
| Variante comprimida | Ajustar el formato y la compresión | Textura del tejido, artefactos y bytes descargados |
| Imagen entregada | Cargar la página de producto publicada | El navegador recibe la variante prevista |
Describe la imagen y después comprueba toda la página.
Escribe el texto alternativo según lo que la imagen comunica en su contexto: «Camiseta de tejido grueso Chalk, vista frontal» es más útil que una lista de términos de búsqueda. Las imágenes decorativas pueden necesitar un texto alternativo vacío. Una buena descripción no sustituye un contenido útil sobre el propio producto.
Revisa el resultado en un móvil y en una pantalla más grande, incluido el zoom si lo ofreces. Conserva el original para futuros tamaños. Si una variante es incorrecta, corrige el proceso de generación o entrega antes de procesar toda la biblioteca. Después mide por separado el rendimiento de la página: un cambio de imagen no explica por sí solo todos los retrasos de carga.