Redimensionador de imágenes para Shopify online

Shopify permite imágenes de productos y colecciones de hasta 5000 × 5000 px o 25 megapíxeles, con un tamaño de archivo inferior a 20 MB.

Para imágenes de productos cuadradas, Shopify afirma que 2048 × 2048 px suele ser lo que mejor se visualiza.

Eso hace que 2048 × 2048 px sea un punto de partida útil cuando deseas un catálogo de productos cuadrado de alta resolución, pero no es un requisito que cada imagen de producto en Shopify deba usar este tamaño exacto.

El ajuste preestablecido de Shopify de Image Fixer comienza en 2048 × 2048 px por esta razón. Aún puedes elegir otro tamaño de salida cuando tu catálogo o flujo de trabajo lo requiera.

Dos imágenes de producto pueden tener diferentes dimensiones en píxeles y aun así compartir la misma relación de aspecto. Lo que importa para una cuadrícula de colección coherente es la relación entre el ancho y la altura.

Shopify recomienda específicamente usar una relación de aspecto constante para las imágenes de productos principales o destacadas cuando aparecen una al lado de la otra en las páginas de colección.

Por ejemplo, una imagen de 2048 × 2048 tiene una relación de aspecto cuadrada de 1:1. Preparar las imágenes de tus productos destacados con el mismo lienzo de 1:1 puede ayudar a crear un punto de partida más uniforme en todo el catálogo.

Los temas de Shopify también pueden solicitar imágenes con un tamaño constante a través de la CDN de Shopify, pero la presentación final sigue dependiento del tema.

Hacer que cada imagen sea de 2048 × 2048 px resuelve solo una parte del problema.

Imagina dos imágenes de productos cuadradas con exactamente las mismas dimensiones. En una imagen, el producto casi llena el lienzo. En la otra, el producto está rodeado por grandes cantidades de espacio vacío.

Técnicamente las imágenes coinciden. Visualmente los productos no.

Por esta razón, Image Fixer separa las dimensiones de salida del tamaño del producto.

Puedes darle a cada imagen el mismo lienzo cuadrado y al mismo tiempo controlar qué tan grande aparece la foto del producto dentro de ese lienzo. El tamaño del producto se puede ajustar en todo el lote o perfeccionar para imágenes individuales.

Esto es especialmente útil cuando un catálogo combina fotos de diferentes proveedores, fotógrafos, teléfonos o bibliotecas de productos anteriores.

Sí. Un resultado cuadrado no requiere estirar una imagen de origen vertical u horizontal.

Image Fixer conserva las proporciones originales de la foto de origen y la ajusta dentro de un lienzo cuadrado. Se utiliza espacio adicional en el lienzo cuando es necesario en lugar de forzar la imagen original a una forma diferente.

Esto ayuda a estandarizar las imágenes de productos a un formato 1:1 sin distorsionar la foto de origen.

El resultado es una imagen de origen cuadrada que es más fácil de usar de manera uniforme en todo el catálogo de productos.

Shopify admite varios formatos de imagen, incluidos PNG, JPEG y WebP.

La documentación de contenido multimedia de productos de Shopify actualmente describe el PNG como el mejor tipo de archivo para la mayoría de las imágenes de productos, seguido de JPEG.

La guía general sobre imágenes de la tienda de Shopify también recomienda JPEG para la fotografía de productos y otras imágenes fijas con colores complejos, mientras que PNG es especialmente útil para gráficos, iconos e imágenes que requieren transparencia.

Esto significa que no existe un único formato de archivo que sea automáticamente el mejor para cada tipo de imagen de producto.

Como guía práctica:

JPEG

Una excelente opción para imágenes de productos fotográficas con muchos colores, especialmente cuando importa mantener un tamaño de archivo eficiente.

PNG

Útil cuando necesitas características de imagen sin pérdida, gráficos, texto, colores planos o transparencia.

WebP

Un formato de imagen web moderno compatible con Shopify y útil cuando deseas una buena calidad visual con tamaños de archivo eficientes.

Image Fixer puede exportar en JPEG, PNG o WebP, para que puedas elegir el formato de salida que mejor se adapte al tipo de imagen de producto que estás preparando.

Sí. Shopify cuenta con su propio sistema de entrega y optimización de imágenes.

Cuando subes una imagen, Shopify puede crear diferentes tamaños de imagen para usarlos en distintas áreas de tu tienda online. Se puede utilizar una versión más grande en la página de detalles del producto, mientras que una versión más pequeña se puede emplear en el diseño de una colección.

El CDN de imágenes de Shopify también puede cambiar el tamaño y comprimir imágenes para la tienda y elegir automáticamente el formato de imagen adecuado para el navegador del cliente. Se pueden ofrecer formatos modernos como WebP o AVIF cuando sean compatibles.

Por esta razón, no necesitas crear manualmente cada tamaño de imagen para la tienda.

Image Fixer cumple una función diferente: ayuda a estandarizar las imágenes de origen antes de que entren en tu catálogo de Shopify.

Shopify afirma que no es necesario comprimir las imágenes manualmente antes de subirlas y recomienda subir imágenes de la mejor calidad posible.

Las imágenes no se comprimen en el momento en que se suben al panel de administración de Shopify. Sin embargo, las imágenes que se muestran a través del tema de la tienda se pueden optimizar y comprimir más tarde como parte del proceso de entrega de imágenes de Shopify.

Para la preparación de productos, concéntrate primero en usar las dimensiones adecuadas, un formato idóneo y un encuadre coherente en lugar de reducir la calidad de la imagen de forma agresiva antes de subirla.

Preparar una imagen de origen cuadrada no garantiza que todas las secciones del tema de Shopify muestren cada imagen exactamente de la misma manera.

La visualización final depende del tema, la sección y la relación de aspecto del área de la imagen.

Cuando la relación de aspecto de una imagen difiere del área donde la muestra un tema, los temas de Shopify pueden recortar la imagen para que se ajuste a ese diseño.

Shopify ofrece puntos focales para ayudar a controlar qué parte de una imagen permanece visible cuando se produce un recorte. La configuración del tema también puede proporcionar opciones para cambiar la altura de la imagen, adaptar una sección a una imagen o reducir los recortes no deseados.

Image Fixer prepara la imagen de origen. Tu tema de Shopify sigue controlando cómo se presenta esa imagen en la tienda.

Si las imágenes de productos no se alinean correctamente en las páginas de colecciones, Shopify recomienda verificar la relación de aspecto de las imágenes de origen.

Usar imágenes de productos destacados con la misma relación alto-ancho le proporciona al tema un conjunto de imágenes más consistente para trabajar.

El espacio en blanco y el encuadre del producto pueden crear otra diferencia visual incluso cuando la relación de aspecto es idéntica.

Por ejemplo, dos imágenes cuadradas pueden alinearse perfectamente como cuadros de imagen, mientras que los productos en su interior siguen pareciendo drásticamente diferentes en tamaño.

Aquí es donde combinar un lienzo cuadrado consistente con un tamaño de producto controlado puede ayudar a crear un catálogo de origen más limpio.

Los perfiles de color pueden afectar cómo se ve la fotografía de producto en línea.

Shopify explica que los perfiles de color ICC o ICM incrustados se eliminan cuando las imágenes se muestran en la tienda online. Cuando una imagen no contiene un perfil de color, los navegadores web asumen sRGB, el espacio de color estándar comúnmente utilizado en la web.

Si los colores del producto se ven notablemente diferentes después de la subida, Shopify recomienda guardar la imagen en el espacio de color estándar sRGB.

Esto puede ser particularmente importante para la fotografía de producto donde importa una presentación de color precisa y consistente.