Optimización de Shopify
Cómo optimizar las fotos de tus productos para los compradores móviles de Shopify
El 79% del tráfico de Shopify es móvil proviene del dispositivo, pero la mayoría de los productos Las fotos todavía se toman, editan y revisan en un monitor de escritorio. Los compradores móviles se desplazan más rápido, disfrutan de tiempos de carga más rápidos y Tome decisiones de compra basándose en miniaturas más pequeñas que un sello. Imágenes del producto primero 6 Debe funcionar en pantallas de pulgadas. de lo contrario es el segundo.
Por Equipo Prodofoto • 7 minutos de lectura • Publicado el 1 de marzo de 2026
respuesta sencilla
Las fotos de productos móviles deben cargarse en 2 segundos. Muestre pantallas con contexto (en lugar de espacios en blanco) y comunique su producto Con un solo golpe. usar Formato WebP en 2048x2048px para un zoom nítido, Utilice tomas de estilo de vida como imágenes principales. (Se detendrán 2-3 pulgares por encima del fondo blanco del móvil (x mejor), manteniendo la carga útil total de la imagen a continuación 1 MB por página. 53% de los móviles Los visitantes rebotan si una página tarda más de 3 segundos en cargarse (Google).
79% de los compradores están usando el móvil. Actúa como tal.
Según los propios datos de Shopify, el 79% del tráfico, más del 69% Pedidos móviles Se realiza desde el dispositivo. Ese número aumentará aún más. Va aún más alto en moda, belleza y complementos. para tu producto La imagen se ve bien en un monitor de 27 pulgadas, pero el iPhone Entonces la mediocridad. Estás optimizando para la minoría.
Los compradores móviles se comportan de manera diferente que los compradores de escritorio. ellos son Se desplaza 2-3 veces más rápido. 40% menos de tiempo dedicado a las páginas de productos (Instituto Baymard). toman decisiones basadas en lo que ven En los primeros 3 segundos. Tu imagen de héroe no tendrá una segunda oportunidad.
La brecha entre el tráfico móvil y las conversiones móviles es La mayor fuga de ingresos del comercio electrónico. El escritorio convierte a una velocidad de aproximadamente 3-4%. Móvil 1,5-2% quédate dentro. La brecha no es culpa del móvil La motivación del comprador ha disminuido. Porque la mayoría de las páginas de productos No está diseñado para la forma en que navegan los usuarios.
| Comportamiento | De oficina | Móvil |
|---|---|---|
| cuota de tráfico | ~21% | ~79% |
| tasa de conversión promedio | 3-4% | 1.5-2% |
| Tiempo en la página del producto | 60-90 segundos | 30-50 segundos |
| velocidad de desplazamiento | Moderado | 2-3 veces más rápido |
| interacción de imagen | Coloca el cursor, haz clic para ampliar | Desliza o pellizca para hacer zoom |
| Tasa de rebote durante la carga lenta | ~30% | Después de 3 segundos ~53% |
Fuente: Shopify, Instituto Baymard, Google
fotografía de estilo de vida Detén tu pulgar. Un fondo blanco no lo es.
En una computadora de escritorio, una fotografía de producto con un fondo blanco limpio funciona bien así: Imagen del personaje principal. El producto es lo suficientemente grande para su evaluación. en En el móvil, la misma imagen será un pequeño objeto flotando en el océano En blanco. El tamaño es tan grande que casi no se puede transmitir nada en la miniatura.
Las imágenes de estilo de vida ocupan entre 2 y 3 veces más que las imágenes destacadas en dispositivos móviles. Ofrece el doble de rendimiento Porque todo el cuadro está lleno de información útil. Contexto, color, textura, escala. La altura del fondo de la botella de agua blanca es 6 pulgadas o 16 pulgadas. botella de agua Es fácil de detectar cuando está en su escritorio junto a su computadora portátil.
No se trata de elegir un formato u otro. es necesario Ambos. Sin embargo, las imágenes principales en dispositivos móviles son en su mayoría Toma de estilo de vida. imagen 2 o 3 Guarde un corte limpio. Los compradores acuden allí cuando quieren observar más de cerca el producto en sí.
Incluso el mismo producto tiene impactos diferentes. Fotos de estilo de vida llenan tu móvil Una pantalla con contexto y color. disparo sobre fondo blanco Reduce el producto a una parte de la ventana gráfica.
Por cada segundo adicional se pierde el 7% de las ventas
Según la investigación móvil de Google, el 53% de los visitantes Si la página tarda más de 3 segundos en cargarse, será abandonada. cada Más allá de eso, 1 segundo adicional reduce las conversiones en aproximadamente un 7%. (Akamai). Para la mayoría de productos, la imagen del producto es el elemento más importante. Página de Shopify. A menudo, entre el 60% y el 80% del peso total de la página. ocupa.
El cálculo es fácil. Página de producto con 6 archivos JPEG no optimizados Imágenes de 500 KB cada una = 3 MB solo para imágenes. Para conexión 4G general (10 ~15 Mbps), lo que significa que la imagen por sí sola tarda más de 2 segundos. Añadir Leer el resto de la página cruzará el umbral de los 3 segundos. Antes de que el comprador vea el producto.
Hay tres cosas que mueven la aguja de la velocidad de la imagen.
- 1.Utilice WebP. 25-35% más que JPEG Pequeño Misma calidad visual. Shopify usa automáticamente WebP si proporcionas Los navegadores lo admiten y todos los móviles modernos lo admiten. Navegador. Cuando subes archivos JPEG, Shopify los envía Sin embargo, WebP Cargar directamente te da más control. Calidad de imagen y tamaño de archivo.
- 2.Carga diferida todo lo que se encuentra debajo del pliegue. Sólo las imágenes destacadas deberían cargarse rápidamente. Cualquier otra galería Las imágenes deben utilizar carga diferida. Tema predeterminado de Shopify Ya has hecho esto, pero si tienes un tema personalizado, verifica Uno. La imagen principal por sí sola debe tener menos de 150 KB.
- 3.Ofrezca tamaños adaptables. 2048x2048 La imagen es excelente para pellizcar y hacer zoom, pero la visualización inicial es 390 es un pixel Los teléfonos más anchos no necesitan todos esos píxeles. usar Usando el CDN y srcset de imágenes integrados de Shopify, Tamaño adecuado para cada dispositivo. Esto es todo lo que necesitas para reducir la carga útil de tus imágenes. Aumentar entre un 50 y un 70 %.
hoja de especificaciones de imágenes móviles
Shopify admite hasta 5000x5000 píxeles y 20 MB Se admiten imágenes. pero Más grande no siempre es mejor en el móvil. aquí están los números Es un verdadero problema.
| Configuración | Recomendado | Por qué |
|---|---|---|
| Resolución | 2048 x 2048 píxeles | Pantalla Retina clara y con zoom de 3x |
| Formato | WebP (respaldo JPEG) | Archivos entre un 25% y un 35% más pequeños, soporte móvil universal |
| Relación de aspecto (primaria) | 1:1 (cuadrado) | Funciona con Shopify, Google Shopping e Instagram |
| Relación de aspecto (estilo de vida) | 4:5 (retrato) | Llene más espacio vertical en su feed móvil |
| Tamaño máximo de archivo (héroe) | <150 KB | Mantenga LCP por debajo de 2,5 segundos |
| Tamaño máximo de archivo (Galería) | Menos de 200 KB cada uno | 6-8 imágenes en total página menos de 1 MB |
| ajustes de calidad | 75-85% | Pérdida de calidad invisible, reducción significativa de tamaño. |
| texto alternativo | Descriptivo, 5-15 palabras | Accesibilidad y visibilidad de la búsqueda de imágenes de Google |
Fuentes: Centro de ayuda de Shopify, documentación de Google Web Vitals, web.dev
Galería móvil de 6 imágenes para convertir.
En el escritorio, los compradores pueden ver varias miniaturas y saltar a cualquier miniatura. Imagen. En el móvil, desliza el dedo en línea recta. imagen 1 será visible para todos. La imagen 6 es probablemente del 30%. Se puede ver en El orden importa en el móvil más que en cualquier otro lugar.
Este orden se basa en el comportamiento de desplazamiento móvil. Las imágenes deben captar la atención y generar confianza rápidamente.
- 1Héroe del estilo de vida. contexto completo Mostrando fotografías del producto en uso o entorno relacionado. esto es Algo que deja de desplazarse.
- 2Recortes limpios. Fondo blanco o neutro Muestra el producto completo. Llamé su atención, así que Muéstreles exactamente lo que están comprando.
- 3Detalle de primer plano. textura, puntada, Calidad de los materiales. A qué prestan atención los compradores en el móvil. Ahorre esfuerzo proporcionando primeros planos dedicados.
- 4Referencia de escala. producto al lado de Algo de tamaño conocido (mano, mesa, persona). esto Respondiendo a la pregunta "¿Qué tamaño tiene realmente?" pregunta Eso provocará una devolución.
- 5Segundo ángulo del estilo de vida. otra escena, contexto diferente. Me puse la mochila en una cafetería y luego... Curso de senderismo. Demuestra versatilidad.
- 6paquete o variación. lo que les viene puerta u opciones de color/tamaño disponibles. reducir “¿Qué obtendré realmente?” Ansiedad.
Si desea un desglose más profundo de la secuenciación de la galería, consulte el Guía de secuenciación completa para la galería de productos Shopify.
Genere una galería totalmente compatible con dispositivos móviles en 60 segundos
La mayoría de los vendedores saben que las fotografías móviles requieren manipulación. problema Es hora. Programar sesiones de fotos, esperar a editar, cambiar el tamaño. Para dispositivos móviles, conversión de formato. Multiplica eso por 50 o 200 Nunca se completa.
Prodofoto 4 de 1 foto Genera una foto de producto de estilo de vida aproximadamente 60 Obtenga imágenes claras en segundos. Las fotos vuelven a 1024x1024, compatible con dispositivos móviles. Sin indicaciones, sin Photoshop, ninguno Esperando al fotógrafo.
- 1.Prodofoto en tu administrador de Shopify Abierto. Por favor seleccione un producto de su catálogo.
- 2.Elige un estilo de foto: Estilo de vida, solo producto, solo modelo.
- 3.4 en 60 segundos Consigue una foto. Elige tu favorito.
- 4.Publica directamente en tu listado de productos de Shopify.
Cuatro estilos de vida generados por IA a partir de una imagen de producto variaciones. Cada uno llena la pantalla de tu móvil con contexto, color y estilo. Las tomas sobre fondo blanco no coinciden.
Este es un producto. 60 segundos. Fotografía de estilo de vida compatible con dispositivos móviles 4 piezas. Es la forma más rápida de cerrar la brecha entre el tráfico móvil Y tasas de conversión móviles.
Convierta una bonita foto de producto en una completa galería móvil
Prodofoto 4 de 1 foto Genera una imagen fotográfica de producto de estilo de vida. comprar Construido para. Listo para dispositivos móviles.
Preguntas frecuentes
¿Qué tamaño de imagen debo usar para mi tienda Shopify móvil?
Utilice 2048x2048 píxeles para imágenes de productos cuadradas. Esto permite hacer zoom en dispositivos móviles sin pixelación y se ve nítido incluso en pantallas de alto DPI como iPhones y dispositivos Samsung Galaxy. Para una carga rápida, el formato WebP mantiene los tamaños de archivo por debajo de 200 KB.
¿Las fotos de estilo de vida realmente funcionan mejor en dispositivos móviles?
Sí. Los compradores móviles se desplazan más rápido y toman decisiones más rápido. La fotografía de estilo de vida es impresionante porque muestra el contexto, la escala y los casos de uso de un vistazo. Las tomas con fondo blanco requieren varias imágenes para transmitir la misma información.
¿Qué formato de imagen es mejor para una tienda Shopify móvil?
WebP. El tamaño del archivo es entre un 25 y un 35 % más pequeño que el JPEG con la misma calidad. Shopify ofrece WebP automáticamente a los navegadores que lo admiten, incluidos todos los navegadores móviles modernos. Cuanto más pequeño sea el archivo, más rápido se cargará la página y menor será la tasa de rebote.
¿Cuántas imágenes debe incluir una lista de productos optimizada para dispositivos móviles?
6-8 imágenes. A medida que los compradores móviles navegan rápidamente por las galerías, cada imagen debe responder diferentes preguntas, como cómo se ve, qué tan grande es, cómo se ve en uso y detalles en primer plano. Si hay menos de cuatro, hay una brecha de información. Más de 10 ralentizarán la carga.
¿La velocidad de la página realmente afecta las tasas de conversión móvil?
Sí. Según una investigación de Google, el 53% de los visitantes móviles abandonarán una página si tarda más de 3 segundos en cargarse. Por cada segundo de tiempo de carga adicional, las conversiones disminuyen aproximadamente un 7%. Las imágenes suelen ser los archivos más grandes de la página de un producto, por lo que optimizarlas tiene el mayor impacto.
¿Debo utilizar imágenes cuadradas o verticales para la página de mi producto móvil?
Square (1:1) funciona mejor como valor predeterminado porque eso es lo que esperan Shopify Gallery y Google Shopping. Sin embargo, las imágenes de estilo de vida en formato retrato (4:5) ocupan más pantalla del móvil y son más inmersivas. Utilice cuadrados para la imagen principal y mezcle retratos con tomas de estilo de vida.
¿Las fotos de productos generadas por IA funcionan bien en dispositivos móviles?
Sí. Las herramientas de inteligencia artificial como Prodofoto generan fotografías de estilo de vida a 1024x1024 o superior, que es una resolución suficiente para dispositivos móviles. El contexto de estilo de vida agregado (habitaciones, escenas al aire libre, superficies estilizadas) realmente funciona mejor en la pantalla pequeña.
Referencias
- Instituto Baymard — UX de la página del producto: mejores prácticas de la galería de imágenes
- comprar — Tendencias del comercio electrónico: tráfico móvil y datos de conversión.
- Google / Piensa con Google — Comparativas de velocidad de páginas móviles y datos de tasa de rebote
- akamai — Rendimiento del comercio minorista en línea: impacto de la velocidad de la página en conversión
- Google Web Vitals (web.dev) — Métricas de Core Web Vitals y umbrales de LCP
- · Centro de ayuda de Shopify — Tamaños, formatos y límites de las imágenes del producto
- Agarrar — Estadísticas de compras online: calidad de imagen y compra. comportamiento