Redimensionar imágenes de producto de Shopify
Las imágenes de producto de Shopify funcionan mejor como cuadrados de 2048 por 2048 píxeles, un tamaño lo suficientemente grande como para que el zoom sea útil. Esta página usa relleno en lugar de recorte por defecto, así que el producto completo se mantiene entero y todas las fotos del catálogo comparten la misma forma.
Suelta un PNG, JPG, WebP o GIF
o suéltalo en cualquier parte de la página · Elegir un archivo · 100 MB
Aceptados: PNG, JPG, JPEG, WebP, GIF, AVIF
Redimensionar imágenes de producto de Shopify: explicación
Shopify no impone una forma específica a las fotos de producto, y ahí está el problema. Un catálogo construido con lo que produce la cámara muestra fotos altas, anchas y cuadradas en la misma cuadrícula, cada una con un relleno diferente según el tema, y el resultado parece aficionado aunque cada foto individual sea buena.
Elegir una forma única y aplicarla a todo es la mejora visual más importante que la mayoría de las tiendas pequeñas pueden hacer. El cuadrado de 2048 por 2048 es la respuesta habitual: encaja tanto en las miniaturas de la cuadrícula como en las páginas de producto, y 2048 píxeles son suficiente resolución para que el zoom de Shopify muestre detalles reales en lugar de una ampliación difusa.
Esta página usa 'Ajustar imagen completa' por defecto en lugar de 'Rellenar marco', lo cual es lo contrario a todas las demás páginas aquí — porque una foto de producto recortada a cuadrado pierde el producto, mientras que una con relleno no lo hace.
Para un lote en un tamaño que elijas tú, la herramienta de redimensionamiento de imágenes acepta cualquier dimensión en píxeles o porcentaje.
La velocidad de la tienda importa, así que si las exportaciones son pesadas, el compresor reducirá cada una a un tamaño objetivo.
Por qué el relleno es mejor que el recorte para productos
Un cuadrado recortado toma el centro del marco. Para un retrato de un objeto alto — una botella, una lámpara, un vestido en una percha — el centro es el centro del objeto y ambos extremos desaparecen.
El relleno escala toda la foto hacia abajo hasta que encaja y rellena el resto con un color de fondo. No se pierde nada, el objeto completo queda dentro de un cuadrado consistente, y el color de fondo puede coincidir en todo el catálogo para que la cuadrícula parezca un conjunto único.
Elegir el fondo
El blanco puro es el defecto por una razón: coincide con la mayoría de los temas, desaparece en una página blanca y los marketplaces que sindican desde Shopify suelen esperarlo.
Un blanco roto neutro o un color de marca funciona cuando los productos son claros, donde el blanco puro deja un objeto flotante sin borde. Lo que elijas, usa el mismo valor para cada foto — un catálogo con tres blancos ligeramente diferentes es más llamativo que uno con un color audaz.
- Blanco puro para la mayoría de catálogos y para sindicación en marketplaces.
- Un neutro suave cuando los productos son blancos o muy claros.
- Un solo valor para todo el catálogo, elegido una vez y reutilizado.
- Nunca un degradado: se repite mal en una cuadrícula de distintas proporciones.
Tamaños y límites
Shopify acepta imágenes grandes y genera las versiones más pequeñas que necesitan sus temas. Lo importante es tener suficiente resolución para el zoom en una página de producto sin elevar más de lo necesario el almacenamiento y el tiempo de subida.
| Opción | Valor | Por qué |
|---|---|---|
| Forma | Cuadrado 1:1 | Cuadrícula consistente; encaja en miniaturas y páginas de producto |
| Tamaño | 2048 × 2048 | Suficiente para que el zoom muestre detalles reales |
| Formato | JPEG para fotos | Mucho más pequeño que PNG con la misma calidad visible |
| Fondo | Un solo valor, reutilizado | Es lo que hace que un catálogo parezca un conjunto |
Cuándo recortar en su lugar
Rellenar marco todavía tiene su lugar: una foto de estilo de vida donde el producto es un elemento de una escena a menudo se ve mejor recortada de cerca, y una foto de detalle es, por definición, un recorte.
La regla se trata de para qué sirve la foto. Una imagen de catálogo muestra el producto; una imagen de estilo de vida vende la idea. Usa relleno para la primera, recorte para la segunda, y manténlas visualmente distintas en lugar de mezclar ambos tratamientos en una misma galería.
Preguntas frecuentes
¿Qué tamaño deben tener las imágenes de producto de Shopify?
La respuesta práctica para la mayoría de tiendas es 2048 por 2048 píxeles en cuadrado: el cuadrado mantiene la cuadrícula del catálogo consistente, y 2048 píxeles dan al zoom de Shopify suficiente resolución para mostrar detalles genuinos en lugar de una ampliación difusa de un archivo más pequeño.
¿Por qué esta página usa relleno en lugar de recorte?
Porque una foto de producto recortada a cuadrado pierde el producto. Un objeto alto recortado por el medio pierde ambos extremos. El relleno escala toda la foto hacia abajo y rellena el resto con un color de fondo, así que el objeto completo se mantiene y todas las imágenes comparten una misma forma.
¿Qué color de fondo deben usar las fotos de producto?
Blanco puro para la mayoría de catálogos — coincide con los temas, desaparece en una página blanca y encaja con la sindicación en marketplaces. Un neutro suave es mejor cuando los productos son blancos, ya que el blanco puro deja un objeto pálido sin borde visible. Usa un solo valor en todo.
¿Todas mis imágenes de producto necesitan tener la misma forma?
No tienen que serlo, pero deberían. Una cuadrícula que mezcla retratos, paisajes y fotos cuadradas es la razón más común por la que una tienda pequeña parece improvisada, y se soluciona sin volver a fotografiar nada — rellena todo a un mismo cuadrado y el catálogo parecerá un conjunto.
¿JPEG o PNG para fotografía de producto?
JPEG, en casi todos los casos. A 2048 píxeles de lado, un PNG fotográfico es varias veces más grande sin ventaja visible, y la velocidad de la tienda importa. PNG solo merece su lugar para gráficos con color plano o donde realmente necesites transparencia.
¿Mis fotos de producto se suben para redimensionarse?
No. El descodificado, escalado, relleno y codificado se ejecutan en esta pestaña del navegador, y el sitio no tiene servidor para recibir una imagen. La fotografía de producto no listed se queda en tu equipo, lo que puedes verificar en el panel de Redes antes de confiar en ello.
¿Qué herramientas relacionadas debería usar después?
- Redimensionar banner de EtsyBanner de tienda a 1200×300 y 3360×840 retina en una sola exportaciónAbrir
- Redimensionar icono de tienda de EtsyIcono 500×500 con la máscara circular de Etsy vista antes de recortarAbrir
- Redimensionar imagenReduce imágenes sin los dientes de sierra que dejan otras herramientasAbrir
- Comprimir imagenApunta a un peso concreto o elige la calidad y mira lo que cuestaAbrir
- Convertir imagenJPG, PNG, WebP y AVIF, con la transparencia bien tratadaAbrir
- Herramientas para creadoresAjusta y optimiza banners, avatares, emotes y portadas para cada plataforma.Abrir