Optimización de Imágenes en Shopify 2026

Shopify es la plataforma de e-commerce más popular del mundo. Su manejo de imágenes es en gran medida automático; pero subir imágenes con dimensiones o formato incorrectos da como resultado fotos de producto borrosas, tiempos de carga lentos y tasas de conversión más bajas. Esta guía cubre todo lo que necesitas saber sobre las imágenes de Shopify en 2026.

Especificaciones de imágenes de producto en Shopify

Cómo gestiona Shopify las imágenes

Shopify convierte automáticamente las imágenes subidas a WebP para los navegadores que lo soportan (desde 2020). También genera múltiples variantes de imagen responsiva. Esto significa:

• Debes subir con la mayor calidad JPEG o PNG disponible, la conversión de Shopify producirá el mejor resultado a partir de una fuente de alta calidad
• No necesitas crear archivos WebP manualmente para Shopify, lo hace automáticamente
• Shopify genera variantes en los siguientes anchos: 180, 360, 540, 720, 900, 1080, 1296, 1512, 2048, 4472 px

Formato de subida recomendado

A pesar de la conversión automática a WebP de Shopify, el formato que subes importa:

• JPEG: mejor para fotos de producto sobre fondos blancos o lisos. Sube a calidad 85–90
• PNG: necesario si tu producto tiene transparencia (p. ej., pegatinas, ropa sobre fondo transparente). Shopify convertirá a WebP preservando la transparencia
• SVG: para el logo de tu tienda. Shopify soporta SVG y se escalará perfectamente en todas las pantallas

Consistencia de proporción de aspecto

Los temas de Shopify muestran las imágenes de producto en una cuadrícula. Si tus imágenes tienen proporciones inconsistentes, la cuadrícula tendrá un aspecto irregular. Mejor práctica: usa 1:1 (cuadrado) para todas las imágenes de producto, es el estándar universal y funciona con todos los temas de Shopify.

Si tus productos no pueden fotografiarse en formato cuadrado, establece una proporción consistente (p. ej., 4:3) en todo tu catálogo en lugar de mezclar imágenes verticales y horizontales.

Imágenes hero y de colección

Para imágenes banner/hero a ancho completo en la página de inicio y las páginas de colección:

• Usa 1800 × 1000 px como mínimo (o 2560 × 1440 para tráfico con muchas pantallas retina)
• Mantén el contenido importante en el tercio central de la imagen, muchos temas recortan los lados en móvil
• Objetivo de tamaño de archivo: menos de 300 KB para imágenes hero (crítico para el LCP)

Optimización de velocidad para tiendas Shopify

La optimización integrada de Shopify ayuda, pero hay pasos adicionales que puedes tomar:

• Nombra tus archivos de imagen de forma descriptiva antes de subirlos: cartera-cuero-azul-frontal.jpg no IMG_3847.jpg. Shopify usa el nombre de archivo como parte de la URL de la imagen y el texto alternativo predeterminado
• Añade texto alternativo a cada imagen de producto en el administrador de Shopify (sección Multimedia). Esto es importante tanto para el SEO como para la accesibilidad
• Evita la carga diferida de tu primera imagen de producto, este suele ser el elemento LCP. Los temas de Shopify gestionan esto correctamente en las versiones modernas, pero compruébalo con PageSpeed Insights
• Comprime las imágenes antes de subirlas: aunque Shopify convierte a WebP, tu JPEG original se almacena y sirve como alternativa

Comprobando el rendimiento de las imágenes de tu tienda

1. Pasa la URL de tu tienda por PageSpeed Insights
2. Busca las recomendaciones "Dimensiona las imágenes correctamente" y "Sirve imágenes en formatos de próxima generación"
3. Comprueba tu imagen LCP, debe cargarse en menos de 2,5 segundos en móvil
4. Verifica que ninguna imagen le falte texto alternativo