Imágenes de producto para WooCommerce: tamaños, compresión y fondos con IA

Los tamaños para subir, y qué hace tu tema con ellos

WooCommerce trae por defecto miniaturas de catálogo de 324 por 324 píxeles, miniaturas de galería de unos 100 por 100 píxeles y una imagen de producto individual de 800 por 800 píxeles, pero casi todos los temas anulan esos valores por defecto, así que el primer trabajo es revisar tu propio tema, no memorizar los valores por defecto. La regla práctica de subida que sobrevive a la mayoría de los temas es sencilla: sube en cuadrado, con al menos 1200 píxeles en el lado largo para productos normales y de 1600 a 2000 píxeles para productos en los que el zoom importa, como joyería, telas, electrónica y cualquier cosa con letra pequeña. Las subidas cuadradas sobreviven a un recorte cuadrado sin perder una esquina del producto, y un maestro de 1200 píxeles le da al tema resolución suficiente para una pantalla retina sin entregarle un archivo de 4000 píxeles para reducir en cada carga de página.

Dos errores causan la mayor parte del daño. El primero es subir formas mezcladas: un producto alto, un producto ancho y un producto cuadrado en la misma cuadrícula, que el tema luego recorta de forma desigual, de modo que un producto pierde la parte superior y otro flota en espacio vacío. Arréglalo antes de subir componiendo cada maestro en cuadrado, con el producto centrado y un poco de aire en todos los lados. El segundo es subir el original de la cámara y confiar en que el tema lo optimice. Los temas cambian el tamaño, pero no comprimen, convierten ni cargan de forma diferida de manera fiable por sí solos, y una página de tienda con veinte originales de 2 megabytes suspenderá una prueba de velocidad por buena que sea la fotografía.

Compresión sin que los productos se vean blandos

Convierte a WebP y comprime antes de subir, no después. WebP suele ahorrar entre un 25 y un 35 por ciento frente a un JPEG equivalente, lo admiten prácticamente todos los navegadores modernos y es el formato que la mayoría de los plugins de optimización sirven automáticamente cuando pueden. Apunta a una exportación WebP con una calidad aproximada del 70 al 80 por ciento, y luego revisa el resultado a tamaño completo: los degradados suaves, la trama de la tela y el texto fino son lo primero que se ablanda, y si lo hacen, sube la calidad para esa imagen en lugar de aplicar un ajuste agresivo a todo el catálogo. AVIF comprime más, en torno a un 40 a un 50 por ciento frente a JPEG en comparaciones publicadas, pero su compatibilidad con navegadores y plugins todavía es desigual, así que trátalo como una opción futura, no como el valor por defecto para una tienda que vende en 2026.

Un flujo viable, en orden, es: generar o fotografiar el maestro cuadrado, cambiar su tamaño al tamaño de subida de la tabla anterior, exportar WebP con una calidad del 70 al 80 por ciento, quitar los metadatos de la cámara y solo entonces subir. Si usas un plugin como Smush, ShortPixel o EWWW, deja que se encargue de la conversión y de la carga diferida de las subidas antiguas, pero no dejes que sea el único paso: un plugin no puede recuperar un original mal compuesto, y no puede arreglar una cuadrícula de formas mezcladas. Guarda los originales en una carpeta fuera de la biblioteca de medios, con nombres por producto y variante, para que un cambio de tema o una regeneración de miniaturas nunca te obligue a volver a fotografiar. Ese hábito de nombrar es también lo que hace rápido el flujo de trabajo en lote la segunda vez.

Mide el resultado en un teléfono real, no solo en una herramienta de velocidad de escritorio. Abre la página de la tienda con datos móviles, cuenta cuánto tarda la cuadrícula en estabilizarse y revisa la cifra de largest contentful paint si tu herramienta de velocidad la muestra; una cuadrícula de tienda que se estabiliza en menos de unos dos segundos y medio en un teléfono de gama media está en buena forma. Si es más lenta, el culpable casi siempre es el peso de las imágenes, no el alojamiento, y la solución es subir archivos más pequeños y poner menos imágenes de galería en la página de cuadrícula, no cambiar de tema.

Fondos con IA que no rompen el anuncio

La IA rinde más en una tienda WooCommerce para fondos y variantes, no para inventar el producto. Empieza por una foto limpia y real del producto, quita o sustituye el fondo y genera variantes de estilo de vida alrededor de ese mismo producto, comparando cada una con el original: misma forma, mismo color con luz natural, misma etiqueta, ninguna característica inventada, ningún artículo extra que parezca incluido. Un fondo blanco o muy claro sigue siendo la imagen principal correcta para la mayoría de las tiendas, porque mantiene uniforme la cuadrícula y deja que el producto, no la escena, haga el trabajo. Usa fondos de estilo de vida para las imágenes dos, tres y cuatro de la galería, donde responden a las siguientes preguntas del comprador: qué tamaño tiene, cómo se ve en uso y cómo se ve el detalle de cerca.

Termina con tres revisiones antes de publicar. Primero, la revisión de la cuadrícula: ¿cada miniatura se lee como de la misma tienda, con el mismo tono de fondo y el mismo tamaño de producto en el encuadre? Segundo, la revisión del zoom: ¿la imagen de galería de 1600 píxeles se mantiene nítida y precisa cuando un comprador pasa el cursor, o revela una etiqueta deformada o una textura derretida? Tercero, la revisión de honestidad: si una imagen de galería muestra una escena que el comprador no recibirá, como una habitación preparada, asegúrate de que el texto del anuncio lo diga con claridad. Limpia primero un fondo de teléfono con mucho ruido con la guía para quitar el fondo, agranda un ganador solo cuando un banner lo necesite de verdad con la guía para escalar, y sigue la guía de fotos para tiendas pequeñas para los mismos pasos dentro de la app.