Tamaños de imagen de producto en Shopify que sí funcionan

Las imágenes de producto en Shopify fallan en una de dos direcciones. O son demasiado pequeñas y la vista de zoom se vuelve papilla justo cuando alguien se acerca a inspeccionar una costura o el engaste de una piedra. O salen enormes directamente de la cámara y la página se arrastra en el teléfono, que es donde aterriza buena parte de tu tráfico. El panel de administración acepta las dos cosas sin avisarte.

Shopify hace más por ti de lo que cree la mayoría de los comerciantes: genera varios tamaños de cada imagen para los distintos lugares de tu tienda, y su CDN elige un formato moderno como WebP o AVIF allí donde el navegador lo admite. Lo que no va a hacer es corregir una relación de aspecto inconsistente, adivinar qué foto corresponde a qué variante ni rescatar un recorte mal rematado. Esta es la parte que controlas tú.

Empieza en 2048 x 2048 y quédate ahí

La recomendación de la propia Shopify: 2048 x 2048 px suele verse mejor en imágenes de producto cuadradas. Los límites duros están mucho más arriba — una imagen de producto o de colección tiene que pesar menos de 20 MB y puede llegar a 5000 x 5000 px, o 25 megapíxeles.

Esos techos no son objetivos. En Dawn, la galería de producto insertada en la página nunca le pide al CDN nada más ancho de 1946 px, y ni siquiera el lightbox de zoom nombra tamaños por encima de 4096 px. Un archivo maestro de 5000 px solo te da subidas más lentas y ediciones más lentas por el camino. Quédate con el cuadrado de 2048 px para la galería principal. Entre los formatos de subida admitidos están PNG, JPEG y WebP, así que entrégale a Shopify un archivo comprimido y no un TIFF de 6 MB.

Cuadrado o vertical: elige una relación y mantenla

Las cuadrículas de colección son el sitio donde las relaciones de aspecto mezcladas saltan a la vista, y por eso Shopify recomienda una relación uniforme en las imágenes destacadas. Temas como Dawn te dejan adaptar el encuadre a cada imagen o bloquearlo todo en una relación fija, y los dos castigan la inconsistencia: adaptar da una cuadrícula irregular, y bloquear corta por el cuello de una botella o deja un hueco muerto alrededor de un anillo.

Así que decídelo una sola vez. El cuadrado (1:1) es la opción por defecto más segura y se reorganiza bien en pantallas estrechas. Las relaciones verticales como 4:5 o 2:3 le sientan bien a la ropa y a las botellas altas, porque llenan más espacio vertical en el teléfono. Lo que no puedes hacer es usar las dos dentro de una misma colección.

Impón la regla recortando el producto y reconstruyendo el encuadre tú mismo. Sube una foto a remover.bg, quita el fondo y sustitúyelo por el mismo blanco sólido o color de marca que en el resto de tus productos. Luego ajusta el resultado al encuadre que elegiste con la herramienta de exportación que ya uses, para que una taza sostenida a mano y un abrigo de cuerpo entero terminen con dimensiones idénticas. Ese mismo recorte te sirve además para las reglas más estrictas de los marketplaces en los requisitos de imágenes en Amazon, o puedes dejarlo sobre transparencia y componer después — mira cuándo un PNG transparente es la salida correcta.

El CDN de Shopify redimensiona, pero no arregla tu original

Los temas piden las imágenes a través de los filtros image_url e image_tag de Liquid, que construyen un srcset para que el CDN sirva un archivo del tamaño y el formato adecuados a cada dispositivo. Por eso un tema bien hecho jamás le manda tu archivo de 2048 px a un teléfono de 390 px.

Hay dos cosas que eso no cubre. El formato con el que subes sigue importando: exportar en WebP mantiene los archivos ligeros antes de que lleguen al CDN, y Shopify acepta WebP sin convertirlo, igual que remover.bg maneja WebP de principio a fin. Y para cientos de SKU no existe el atajo de arrastrar una carpeta; ese trabajo va en un script contra la API para quitar el fondo de imágenes, lanzado junto a tu importación de CSV.

El zoom solo ayuda si los píxeles están ahí

Shopify indica que las imágenes deben superar los 800 x 800 px para que el zoom funcione como es debido. En Dawn, el ajuste de zoom de la plantilla de producto ofrece hacer clic y pasar el cursor, abrir el lightbox, o directamente nada de zoom.

Activa el zoom cuando la textura sea el argumento de venta: punto, grano del cuero, grabados, facetas de una gema, madera. Desactívalo en gráficos planos e iconos pequeños, donde el zoom solo publicita los artefactos de compresión. El zoom tampoco perdona los bordes — un ribete de pelo, un mechón suelto o una tira fina delatan cualquier error, y ahí es donde un recorte limpio se gana el sueldo.

Imágenes de variante y orden del contenido multimedia

Cada variante admite exactamente una imagen asignada — solo una imagen, ni video ni modelo 3D — y esa es la vista previa que aparece cuando el cliente selecciona esa opción.

Como una imagen por variante casi nunca basta, apóyate en la galería que la rodea. Añade todas las tomas al contenido multimedia del producto, ordénalas para que las relacionadas queden juntas y pon primero la más fuerte: el primer elemento multimedia manda en la tarjeta de producto y en la vista por defecto.

Texto alternativo: 512 caracteres permitidos, con 125 sobra

Shopify limita el texto alternativo a 512 caracteres y recomienda 125 o menos. Eso es una pauta de legibilidad, no un límite del lector de pantalla: un texto alternativo largo cansa al escucharlo, porque quien escucha no puede leerlo en diagonal. Describe el encuadre, variante incluida. "Camisa de lino azul marino, vista frontal, abotonada" gana a "camisa". Sáltate el "imagen de" y sáltate las listas de palabras clave. El texto alternativo se puede editar en bloque con una subida de CSV en vez de producto por producto.

Una lista de verificación corta antes de subir

Antes de que un lote entre en Shopify: exporta en cuadrado a 2048 px salvo que hayas elegido vertical, quédate bien por debajo del tope de 20 MB, usa un mismo tratamiento de fondo en toda la colección, asigna una imagen a cada variante y ordena la galería a su alrededor, y mantén el texto alternativo por debajo de 125 caracteres. Nada de esto es glamuroso, y todo se nota en la página de colección en cuanto lo haces mal.