guía técnica
Tamaño de la imagen del producto de Shopify: la guía completa hasta 2026
Si el tamaño de la imagen es incorrecto, Shopify La tienda deja de funcionar: fotos borrosas Archivos que parecen poco profesionales o que son demasiado grandes y que ralentizan la página Arrastrándose. Esta guía le explicará todos los tamaños de imagen y productos que necesita. Fotos, colecciones, pancartas y uso compartido en redes sociales: información precisa 2026 Tamaño de píxel que funciona durante años.
Por LinkedIn: Brian Chen • 9 minutos de lectura • Publicado el 1 de marzo de 2026
respuesta sencilla
Shopify recomienda 2048 × 2048 píxeles para imágenes cuadradas de productos. Las imágenes de productos y colecciones admiten hasta 5000 × 5000 píxeles (25 megapíxeles) y deben pesar menos de 20 MB. Unos 200 KB son un objetivo de optimización, no el límite de carga; conserva el detalle visible al comprimir.
Tamaño de la imagen del producto Shopify: números
Shopify recomienda 2048 × 2048 píxeles para imágenes cuadradas de productos. Las imágenes de productos y colecciones admiten hasta 5000 × 5000 píxeles (25 megapíxeles) y deben pesar menos de 20 MB. Unos 200 KB son un objetivo de optimización, no el límite de carga; conserva el detalle visible al comprimir.
| tipo de imagen | Tamaño recomendado | relación de aspecto | Objetivo de optimización (no límite de carga) |
|---|---|---|---|
| Foto del producto (primaria) | 2048 × 2048 | 1:1 (cuadrado) | 200KB |
| Foto del producto (vertical) | 2048 × 2560 | 4:5 | 250KB |
| imagenes de coleccion | 2048 × 2048 | 1:1 | 200KB |
| Banner de héroe/presentación de diapositivas | 2880 × 1000 | ~3:1 | 300KB |
| Logo | 512 × 512 | 1:1 | 50 KB |
| favicon | 32 × 32 | 1:1 | 5 KB |
| OG / Compartir imagen en redes sociales | 1200 × 630 | ~1.9:1 | 150KB |
El zoom depende del tema y sus ajustes, del tamaño de visualización y del detalle del original. Una imagen cuadrada de 2048px es un punto de partida útil, no un umbral universal de zoom ni una garantía de nitidez en todas las pantallas. Prueba la galería real en ordenador y móvil.
Reglas de coherencia: Todas las imágenes del producto Los catálogos deben utilizar las mismas dimensiones y proporciones. Los tamaños mixtos dan como resultado una colección. La cuadrícula de la página se vuelve desigual y parece desigual. No es profesional y rompe el patrón de escaneo visual. 1 Elige una talla y cíñete a ella.
Relación de aspecto: ¿Cuál deberías usar?
La relación de aspecto determina cómo se muestran las imágenes del producto. En cuadrículas, páginas de productos y resultados de búsqueda. Si tomas la decisión equivocada, Shopify recortará automáticamente tu imagen. Muchas veces eliminamos detalles importantes del producto.
| Relación | Mejor uso | Ventajas | Contras |
|---|---|---|---|
| 1:1 (cuadrado) | la mayoría de los tipos de productos | Compatibilidad universal, red limpia | Los artículos altos pueden parecer pequeños |
| 4:5 (retrato) | moda, botellas, artículos altos | Aumentar el espacio vertical para mostrar los detalles del producto. | No todos los temas son compatibles de forma nativa |
| 3:2 (Paisaje) | Amplia gama de productos y escenas de estilo de vida. | Formato de cámara natural, sensación de edición. | contradice el catálogo cuadrado |
Nuestras recomendaciones: 1:1 (cuadrado) Por favor comience desde. Todo el catálogo. Todo Shopify Funciona con temas. Plataformas sociales y cualquier mercado. Si vendes principalmente 4:5 para moda y artículos altos Más retratos verticales con bienes raíces. Pero asegúrese de que su tema pueda manejarlo sin utilizar bienes raíces. Primero, el molesto recorte.
Incluso la misma página de producto se ve muy diferente en el móvil. Escritorio: las imágenes deben funcionar en ambos.
Formato de archivo y compresión: WebP, JPEG, PNG
Elegir el formato de archivo correcto es tan importante como elegir el formato de archivo. dimensiones adecuadas. Usar el formato incorrecto dará como resultado un tamaño de archivo de 2 podría duplicarse sin ninguna mejora visible de la calidad.
| Formato | Mejor uso | Tamaño común (2048px) | Soporte del navegador |
|---|---|---|---|
| WebP | Todos (selección predeterminada para 2026) | 80-150KB | 97%+ navegadores |
| JPEG | Fotografías con gradaciones de color complejas | 120-250KB | 100% |
| PNG | logotipos, gráficos transparentes | 400-800KB | 100% |
| AVIF | Nuevas opciones, mejor compresión. | 50-100KB | ~92% de los navegadores |
Recomendaciones para 2026: Subir como WebP Calidad 80-85. Esto reduce el tamaño del archivo y la calidad visual. Shopify también admite automáticamente WebP JPEG Incluso si subes WebP Si desea cargarlo directamente, cárguelo en su navegador. Tienes control total sobre la configuración de compresión.
No cargue archivos PNG de fotografías de productos. Foto del producto 2048×2048 600-800 KB cuando se guarda como PNG puede alcanzar 3-4 veces más grande que WebP que la misma imagen. PNG es para logotipos y gráficos. No se trata de fotografía de producto, se trata de transparencia.
Izquierda: Bien comprimido (WebP, 120 KB). Derecha: Sobrecomprimido (calidad JPEG 20, artefactos visibles).
Optimización móvil: donde se producen la mayoría de las ventas
Más del 70% del tráfico de Shopify es móvil Es del dispositivo. La imagen de tu producto es 4G. Debería cargarse rápidamente en su conexión y verse bien. La pantalla retiniana de alta densidad proporciona una visualización clara. He aquí cómo optimizarlo Para ambos.
- 1.Los archivos grandes pueden ralentizar la carga, pero no hay un número fijo de segundos por cada 100 KB. Prueba un presupuesto de 150–200 KB para las imágenes servidas en móvil cuando la calidad lo permita y mide la página real según el tema, dispositivo, red y estrategia de carga. Es un objetivo, no un resultado de pruebas.
- 2.Usa imágenes adaptables mediante los ajustes srcset y sizes de tu tema. Shopify puede servir versiones más pequeñas del original, pero no recuperar detalle ausente. Comprueba qué tamaños solicita realmente tu tema.
- 3.Pruebe en un dispositivo real. Cromo herramientas de desarrollo La simulación móvil por sí sola no es suficiente. rango medio Alquilar Android Real 4G Pruebe la página del producto llamando a la conexión. Diferencia de experiencia entre el iPhone insignia y el iPhone de 200 dólares Android es enorme.
- 4.Carga diferida de imágenes en la mitad superior de la página. solo La primera imagen del producto debería cargarse inmediatamente. Imagen 2 ~ 8 Necesito cargarlo de forma diferida mientras el comprador se desplaza. Último Shopify El tema maneja esto automáticamente, pero puedes hacerlo en la configuración del tema.
Para profundizar en la fotografía de producto específica para dispositivos móviles optimización, consulte nuestra guía sobre Cómo las fotos de productos afectan las tasas de conversión.
6 errores al cambiar el tamaño de las imágenes que dañarán tu tienda
1. Mezclar relaciones de aspecto entre productos
Nada parece más amateur que una página de colección. Todas las fichas de producto tienen diferentes alturas. Seleccione una proporción y Se aplicará en todas las tiendas. Si tienes un producto existente, Cambiar el tamaño de lotes todos a la vez usando proporciones de mezcla - Vale la pena la tarde.
2. Cámara original del teléfono móvil (4000 píxeles o más) subir
Elige las dimensiones de carga según tu tema y el tamaño de visualización previsto. Conserva un original de calidad, reduce archivos grandes cuando convenga y evita ampliar una imagen pequeña solo para llegar a 2048px. Shopify crea varios tamaños de visualización a partir del original cargado.
3. Utilice PNG para fotografías de productos
Vemos esto todo el tiempo. 2048×2048 Guardar como foto del producto PNG suele tener entre 600 y 800 KB. WebP La misma calidad de imagen que 82 es 100-150 KB Y no hay ninguna diferencia visible en la calidad. Eso significa 5 gratis Será el doble de grande.
4. Suponer que existe un umbral universal de zoom
El zoom depende del tema y sus ajustes, del tamaño de visualización y del detalle del original. Una imagen cuadrada de 2048px es un punto de partida útil, no un umbral universal de zoom ni una garantía de nitidez en todas las pantallas. Prueba la galería real en ordenador y móvil.
5. No uses texto alternativo en las imágenes.
El SEO de imágenes es real. Google Imágenes genera un tráfico significativo a las tiendas Shopify. Cada imagen de producto debe tener texto alternativo descriptivo que incluye el nombre del producto y palabras clave relevantes. "IMG_4382.jpg" no es texto alternativo.
6. Solo 1 o 2 imágenes por producto
Las investigaciones muestran que pasar de 1 imagen a 6-8 imágenes por producto aumenta dramáticamente la conversión. La guía de tallas no Ayuda si no tienes suficientes imágenes para llenar tu galería. Más variedad: tomas de estilo de vida, primeros planos, referencias de escala – significa más razones para que los compradores compren.
Misma foto de producto en tres formatos: WebP gana en tamaño de archivo Cada vez.
Genere fotografías de productos del tamaño adecuado utilizando IA
Cambiar el tamaño y optimizar manualmente toda la imagen Los catálogos son una molestia. Y el problema aún mayor para la mayoría de Shopify es Para empezar, el vendedor no tiene suficientes imágenes. en el orden óptimo
Prodofoto crea hasta 9 fotos por sesión según la configuración. Las dimensiones exportadas varían con los ajustes de generación y el procesamiento; comprueba cada imagen descargada. Una imagen de 1024 × 1024 puede servir para espacios pequeños, pero ofrece menos detalle en pantallas grandes o al ampliar que una imagen nativa de 2048 × 2048. Ampliarla a 2048px no recupera detalle perdido. Conserva originales de mayor resolución para las tomas que necesitan detalle y revisa el resultado en tu tema.
El flujo de trabajo dura 60 segundos por producto. en lugar de gastar horas en una sesión de fotos y luego más horas cambiando el tamaño de las imágenes para diferentes ubicaciones, comienza con una toma de producto limpio y terminar con un galería completa de.
Para obtener un tutorial paso a paso, consulte nuestro Tutorial Prodofoto o aprender a Genere fotografías de estilo de vida con IA en 60 segundos.
No hay necesidad de preocuparse por el tamaño de la imagen. Empiece a vender.
Crea fotos de producto con Prodofoto, comprueba las dimensiones exportadas y los detalles, y previsualiza la galería en móvil y ordenador antes de publicar.
Preguntas frecuentes
¿Cuál es el tamaño recomendado para las imágenes de productos de Shopify?
Shopify recomienda 2048 × 2048 píxeles para imágenes cuadradas de productos. Las imágenes de productos y colecciones admiten hasta 5000 × 5000 píxeles (25 megapíxeles) y deben pesar menos de 20 MB. Unos 200 KB son un objetivo de optimización, no el límite de carga; conserva el detalle visible al comprimir.
¿Qué relación de aspecto debo usar para las fotos de mis productos Shopify?
Cuadrado (1:1) es el valor predeterminado más seguro, ya que funciona con todos los temas de Shopify sin recortarse. Algunos temas admiten proporciones personalizadas, como 4:5 (retrato) o 3:2 (paisaje), pero 1:1 garantiza la coherencia en todo el catálogo.
¿Cuál es el mejor formato de imagen para las fotografías de productos de Shopify?
WebP es el formato elegido por Shopify en 2026. Produce archivos que son entre un 25 y un 35 % más pequeños que los JPEG con calidad similar. Shopify ofrece WebP automáticamente a los navegadores compatibles. Cárgalo como JPEG o PNG y Shopify se encargará de la conversión, o sube WebP directamente para obtener el máximo control.
¿Cómo habilito el zoom en las imágenes de productos de Shopify?
El zoom depende del tema y sus ajustes, del tamaño de visualización y del detalle del original. Una imagen cuadrada de 2048px es un punto de partida útil, no un umbral universal de zoom ni una garantía de nitidez en todas las pantallas. Prueba la galería real en ordenador y móvil.
¿El tamaño del archivo de imagen afecta la velocidad de la página de Shopify?
Los archivos grandes pueden ralentizar la carga, pero no hay un número fijo de segundos por cada 100 KB. Prueba un presupuesto de 150–200 KB para las imágenes servidas en móvil cuando la calidad lo permita y mide la página real según el tema, dispositivo, red y estrategia de carga. Es un objetivo, no un resultado de pruebas.
¿Necesitas cambiar el tamaño de las imágenes antes de subirlas a Shopify?
Elige las dimensiones de carga según tu tema y el tamaño de visualización previsto. Conserva un original de calidad, reduce archivos grandes cuando convenga y evita ampliar una imagen pequeña solo para llegar a 2048px. Shopify crea varios tamaños de visualización a partir del original cargado.
¿Cuáles son los tamaños de las colecciones y las imágenes de los banners en Shopify?
Imagen de colección: 2048x2048 (cuadrado) o 2048x1024 (paisaje). Banner Hero: 2880x1000 para ancho completo, 1920x800 para diseño incluido. Imagen de presentación de diapositivas: 2560x1440 (16:9). Siempre revisa la documentación de un tema en particular.
Referencias
- Centro de ayuda de Shopify: tipos de medios de productos y requisitos de imágenes
- web.dev: Sirve imágenes en formatos modernos (WebP)
- Google: punto de referencia de velocidad de página móvil
- Instituto Baymard: mejores prácticas de UX para páginas de productos
- ¿Puedo utilizar: compatibilidad con el navegador WebP?