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 Equipo Prodofoto • 9 minutos de lectura • Publicado el 1 de marzo de 2026
respuesta sencilla
El tamaño ideal de imagen de producto de Shopify es 2048 x 2048 píxeles Formato cuadrado (1:1). esto Habilite el zoom en todos los dispositivos y Retina Mostrar claramente en la pantalla. 20MB límite de archivos. usar WebP o JPEG formatear, mantener los archivos bajo 200KB respectivamente, mantener Consiga dimensiones consistentes en todo su catálogo.
Tamaño de la imagen del producto Shopify: números
Shopify admite hasta 5000 x 5000 píxeles y 20 MB cada uno acepta imágenes de archivo. Sin embargo, "máximo permitido" no es lo mismo que: "Recomendado." Las dimensiones específicas son las siguientes. Equilibre la calidad, la funcionalidad de zoom y la velocidad de la página.
| tipo de imagen | Tamaño recomendado | relación de aspecto | Tamaño máximo de archivo |
|---|---|---|---|
| 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 |
Hay una razón para el punto óptimo de 2048 px. es lo suficientemente grande Shopify en tu escritorio Habilite el zoom incorporado para una vista más clara Pantalla retina del móvil. Pero no es lo suficientemente grande como para hincharse. Tiempo de carga de la página. Si excede los 2048px, el archivo Se agregará el tamaño, Hay una mejora notable en la calidad en los dispositivos actuales.
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.Apunta a 150 KB por imagen en dispositivos móviles. Una página de producto con 6 imágenes de 150 KB es 2 Se carga en menos de unos segundos en una conexión 4G típica. cada uno Con 400 KB, la misma página tarda más de 5 segundos: el 53% de los visitantes Pierde después de 3 segundos (Google).
- 2.Utiliza el srcset de imágenes responsivo de Shopify. Los temas modernos de Shopify muestran automáticamente imágenes más pequeñas variantes para dispositivos móviles. Pero esto sólo funciona bien si tu El tamaño original es de 2048 px: es demasiado pequeño y el tema no se puede generar. variantes limpias y reducidas.
- 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
Las cámaras de los teléfonos móviles modernos tienen una resolución de 4032 x 3024 Tomaré una foto con lo de arriba. Estos archivos pesan entre 3 y 5 MB cada uno. Shopify cambia su tamaño sobre la marcha, pero El original seguirá contando para tu almacenamiento. La carga inicial es lenta. Tamaño a 2048 px antes de cargar Por favor cambie a
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. Ignora el umbral de zoom de Shopify
Si las imágenes de su producto tienen menos de ~1600 px en cualquiera de los dos dimensión, el zoom de Shopify se ve borroso o no no se activa en absoluto. Los compradores de escritorio esperan acercarse textura y detalle. Sin zoom te vas Brechas que dificultan la conversión en su experiencia con el producto.
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
Herramientas como Prodofoto resolver ambos problemas a la vez. Sube una sola imagen de producto y Recupere 4 variantes de estilo de vida generadas por IA, todas del tamaño adecuado a 1024×1024, listo para tu galería de productos Shopify. Las imágenes generadas mantienen dimensiones consistentes, por lo que su La rejilla colectora permanece limpia.
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.
Prodofoto produce productos del tamaño adecuado y listos para convertir Fotografías a partir de una sola imagen. Cuatro estilos de vida consistentes Variaciones Dimensiones, 60 segundos por producto.
Preguntas frecuentes
¿Cuál es el tamaño recomendado para las imágenes de productos de Shopify?
Shopify recomienda 2048x2048 píxeles para imágenes de productos cuadradas. Este es el punto óptimo entre las capacidades de zoom de una computadora de escritorio y la representación nítida de una pantalla Retina móvil. El máximo permitido es 5000x5000 píxeles y el límite de tamaño de archivo es 20 MB.
¿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?
Si tu imagen tiene 2048x2048 píxeles o más, Shopify habilita automáticamente el zoom. La mayoría de los temas modernos tienen una función de zoom incorporada al pasar el cursor o hacer clic. Si la imagen tiene menos de 1600 píxeles en cualquiera de las dimensiones, el zoom aparecerá borroso o estará completamente desactivado.
¿El tamaño del archivo de imagen afecta la velocidad de la página de Shopify?
Sí. Por cada 100 KB de datos de imagen, la página tarda aproximadamente 0,2 segundos en cargarse en una conexión móvil 4G. Si la página de su producto tiene entre 6 y 8 imágenes, las fotos no optimizadas pueden tardar entre 2 y 3 segundos en cargarse, lo que afecta directamente su tasa de conversión y su clasificación en Google.
¿Necesitas cambiar el tamaño de las imágenes antes de subirlas a Shopify?
Sí. Suba archivos exactamente a 2048x2048 (o el tamaño recomendado por el tema), no originales de más de 4000 píxeles. Shopify cambia el tamaño de las imágenes sobre la marcha, pero comenzar con un original del tamaño adecuado te brinda más control sobre la calidad y acelera los tiempos de carga.
¿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?