La guía definitiva para optimizar los tamaños de imagen de Shopify para tu tienda

Cuando su tienda está en línea, hay muchos factores que debe considerar para garantizar que su tienda funcione sin problemas y de manera eficiente. Especialmente si los clientes compran en línea, no pueden ver los productos que vende directamente y controlar la calidad de los productos. Por lo tanto, pueden dudar al decidir comprar sus productos. En otras palabras, debe asegurarse de que sus imágenes en las tiendas en línea tengan una buena calidad y muestren muchos aspectos de la mercancía que hacen que sus compradores quieran comprar. Entonces, si eres propietario de una tienda Shopify, este artículo definitivamente es para ti. Le daremos la guía definitiva para optimizar los tamaños de imagen de producto para su tienda Shopify.

Para empezar, puede preguntarse por qué los tamaños de las imágenes son importantes para su tienda Shopify.

Mejore la experiencia del usuario: cuando sus fotografías se crean para ser vistas en todos los dispositivos de una manera no borrosa ni estirada, los compradores en línea pueden visualizar mejor las cosas, comprender las especificaciones y obtener una apariencia virtual. Esto mejora su experiencia de compra en general.

Aumente la velocidad de carga de la página: al optimizar el tamaño de las imágenes, ninguna de sus páginas web se volverá innecesariamente grande. No importa cuántas imágenes hay en una página. Como resultado, su sitio web se cargará en menos de tres segundos, que es la menor cantidad de tiempo que tolerará un consumidor. Si necesita mejorar su sitio web más rápido, es posible que desee investigar e implementar otros consejos de optimización del rendimiento de la tienda de Shopify.

Mejore otros esfuerzos de SEO: la optimización de su foto hará que la velocidad de carga de su página sea excelente y lo ayudará con todas sus actividades de SEO. Informa a los motores de búsqueda que su sitio web tiene la información que están buscando, lo que aumenta su clasificación.

A continuación, le presentaremos algunos tamaños de imagen comunes de Shopify

Tamaño de la imagen del producto de Shopify: 2048 x 2048 px o 800 x 800 px

Recuerda que solo puedes cargar imágenes de productos de Shopify que tengan un máximo de 4472 x 4472 píxeles y 20 MB de tamaño. Sin embargo, esto es excesivo la mayoría de las veces. Gráficos tan grandes son innecesarios para su tienda y ralentizarán los tiempos de carga de la página. En cambio, 2048 x 2048 píxeles es lo que recomienda Shopify para imágenes cuadradas de productos. Para lograr un fantástico equilibrio entre excelente calidad y carga rápida del sitio, utilice el formato JPG o PNG. Por lo general, las fotos de los productos no deben tener un tamaño inferior a 800 x 800 píxeles. De lo contrario, es posible que funciones como acercar el zoom no funcionen muy bien.

Tamaño de la imagen de la colección Shopify: 2048 x 2048 px

No hay un tamaño requerido cuando se trata de fotografías de la colección de Shopify; sin embargo, pueden tener cualquier tamaño hasta 4472 x 4472 px o 20 megapíxeles. Con el objetivo de fotos cuadradas de alta resolución, Shopify normalmente recomienda limitar sus imágenes a 2048 × 2048 píxeles.

Más allá del tamaño, las dimensiones de la colección de fotografías deben ser consistentes entre sí. Por otro lado, las relaciones entre su altura y su anchura deben permanecer constantes. De lo contrario, arruinarían la interfaz de su página de colección.

Tamaño de la imagen de la presentación de diapositivas de Shopify: 1200 a 2000 px de ancho, 400 a 600 px de alto

La proporción sugerida de la imagen de la presentación de diapositivas de Shopify es de entre 400 y 600 píxeles de alto y de 1200 a 2000 píxeles de ancho.

Se realizan algunas reducciones y recortes al pasar a una vista de pantalla móvil/pequeña. Como resultado, centra las fotos en la configuración de tu presentación de diapositivas de Shopify. Como resultado, las partes superior, inferior e izquierda y derecha de la imagen se recortarán, lo que mejorará la apariencia general.

Tamaño de la imagen del encabezado de Shopify: Altura no superior a 120 px

Es posible que desee incluir fotos en el bloque de encabezado en algunas circunstancias. Podría servir como logotipo o anuncio complementario para una próxima ocasión. En los temas de Shopify, el bloque de encabezado puede tener una altura máxima de 250 píxeles. Sin embargo, recomendamos utilizar fotos con una altura máxima de 120 píxeles.

Tamaño del banner de Shopify: 1200 x 400 a 600 píxeles

Debes considerar los requisitos de tu tema en particular al decidir el tamaño de un banner de Shopify. Puede utilizar fotos de 1200 × 800 px, por ejemplo, en el caso del tema de Brooklyn.

Tamaño del logotipo de Shopify: 450 x 250 px

El logotipo de Shopify más grande tiene 450 x 250 píxeles. El ancho de la barra lateral de 250 px es la fuente de esto. Aunque es fundamental mantenerse dentro de ese límite, su logotipo no tiene que tener exactamente 450 píxeles de ancho por 205 píxeles de alto.

Entonces, te sugerimos el popular formato de imagen de Shopify

Eche un vistazo a algunas de las formas de imagen más populares que son populares en la fotografía de comercio electrónico. Debe estar informado de las ventajas y desventajas de cada uno.

JPG/JPEG

El formato de archivo de imagen más utilizado para las tiendas Shopify es definitivamente JPG. Tiene un buen espectro de color y un tamaño de archivo pequeño, lo que permite una carga rápida. La capacidad de compresión de JPG proporciona un compromiso fantástico entre calidad y tamaño. En este caso, Shopify sugiere explícitamente que los minoristas utilicen JPG para las fotos de la página del producto.

PNG

PNG es otra forma de imagen extremadamente popular aplicada en las tiendas Shopify. Debido a su capacidad para disminuir el tamaño del archivo de imagen sin comprometer la calidad general de la imagen, PNG es fantástico para los sitios web de comercio electrónico. Además, PNG admite la transparencia, lo que le brinda más control sobre el aspecto de su tienda. La compresión sin pérdidas de PNG es un desafío porque con frecuencia da como resultado archivos de imagen muy grandes.

GIF

Se pueden crear animaciones breves o explicativos de productos utilizando el formato de imagen GIF (muy popular en las tiendas Shopify Dropshipping). Tus fotografías no serán las más vibrantes porque el formato de imagen GIF solo permite unos 250 colores. Pero cuando se combinan con otros formatos de imagen, realmente pueden brillar.

PELEA

Varias herramientas de edición web admiten el útil formato de imagen TIFF. Esto implica que la edición y personalización de imágenes para campañas de marketing es simple para diseñadores y minoristas. La alta calidad está disponible con TIFF y puede guardar muchas fotografías en un archivo. Sin embargo, al igual que en PNG, el tamaño del archivo hace que sea más grande debido a la compresión sin pérdidas.

En general, se recomienda elegir JPG/Jpeg si no está seguro de qué tamaño de imagen utilizar. Como ya hemos establecido, JPG es el único formato de imagen que equilibra con éxito el tamaño del archivo y la calidad de la imagen.

Ahora, pasamos a los tipos de imágenes a incluir en tu tienda Shopify

Imágenes de solo producto

Estas imágenes son fotos individuales de sus productos, como sugiere el nombre. Las fotografías de solo productos muestran el artículo "principal" desde varios ángulos para ayudar a los clientes a tomar una decisión de compra. A menudo se toman contra un fondo blanco o de color neutro.

Al fotografiar productos, es fundamental mantener la coherencia entre la disposición de cada imagen. También es importante tener en cuenta los criterios de tamaño de imagen ideal de Shopify para una experiencia de usuario perfecta.

Producto en uso

El segundo tipo de fotografía para aplicar en tu tienda Shopify es del producto en uso, ya sea solo o junto con otros productos que realcen el artículo principal.

Este tipo de imágenes mejorará la comprensión del producto para los posibles compradores y aumentará el compromiso y la conversión.

Fotografías con superposiciones gráficas

Para una apariencia más distintiva, puede ser un poco creativo y aplicar superposiciones de gráficos a sus fotos, como texto y otras imágenes. Gracias a la ayuda de programas como Canva o alternativas similares, puedes lograrlo fácilmente.

Gráficos

Puedes usar gráficos en tu tienda Shopify para mostrar material informativo. Esto podría ser una representación visual de las diversas opciones, una tabla de tallas o incluso un selector de color.

Por último, pero no menos importante, cómo optimizar los tamaños de imagen de sus productos de Shopify

Dale nombres a tus imágenes

La mayoría de los minoristas se apresuran a revisar numerosas fotografías de productos sin molestarse en modificar el nombre de la cámara predeterminada. Además de rastrear el texto de sus páginas, los motores de búsqueda también analizan los nombres de archivo de las imágenes para determinar el contenido de la página.

Comprime tus imágenes

El cliente promedio no esperará más de tres segundos para que se inicie un sitio de comercio electrónico. Por lo tanto, debe tomar todas las medidas necesarias para que sus páginas se carguen más rápidamente.

Una de las mejores estrategias para lidiar con velocidades de página lentas es reducir el tamaño de archivo de sus fotografías. Para obtener la máxima eficiencia, es una buena idea mantener el tamaño de las imágenes en torno a los 70 kb.

Afortunadamente, Shopify ya reduce ligeramente el tamaño de tus fotos. Para reducir aún más el tamaño de sus fotografías, también puede utilizar los programas gratuitos TinyIMG y CrushPics. Con estas herramientas, puede procesar en masa varios archivos a la vez y administrar la cantidad de compresiones.

Use un estilo consistente en toda su tienda en línea

Recuerde modificar sus fotos constantemente para brindarles a los visitantes de su sitio una experiencia de compra uniforme en su tienda en línea. Esto significa que para una apariencia unificada y pulida, el tamaño, el estilo, el fondo y, a veces, incluso la disposición de los colores deben ser todos idénticos.

Incluya fotografías de estilo de vida y productos

La mayoría de las veces, una combinación de fotografías de productos estándar y fotografías de estilo de vida aumentará las tasas de conversión. La fotografía pura del producto es crucial para permitir que los clientes examinen las características del producto, mientras que las fotografías de estilo de vida permiten a los usuarios visualizar el objeto en su vida diaria.

Usa pruebas A/B para encontrar las mejores imágenes

Por último, pero no menos importante, debe probar varias variaciones de sus fotografías para descubrir cuáles funcionan mejor. Podrías probar lo siguiente:

• Cuántas imágenes de productos hay en cada página
• Los tipos de imágenes que son más efectivos
• La cantidad de cada página de colección de productos tiene (10, 20, 100)

Para ver cómo interactúan los usuarios con sus fotos, utilice una aplicación de mapas de calor como hotjar. Alternativamente, puede utilizar una encuesta sencilla posterior a la compra en su página de agradecimiento para preguntar a los clientes sobre sus tipos de imágenes preferidos.

Consulte la guía y recuerde los tamaños de imagen ideales de Shopify

Para asegurarte de que estás en el camino correcto, revisa las instrucciones sobre qué tamaños y formatos de imagen de Shopify funcionan mejor para tu tema. Tenga en cuenta las mejores dimensiones de imagen de Shopify. Si contrata a fotógrafos experimentados para que tomen fotografías de sus productos, puede informarles con anticipación lo que necesita. ¡Ahorrarás un montón de tiempo de esta manera!

Optimización de imágenes para móviles

¿Sabías que el 79% de los usuarios de dispositivos móviles compraron algo en los últimos seis meses usando su teléfono inteligente? En consecuencia, en 2022 y más allá, será crucial tener tus fotos optimizadas para dispositivos móviles.

Shopify a menudo ajusta los tamaños de las imágenes automáticamente para adaptarse a dispositivos móviles y de pantalla pequeña. Para modificar las fotos para dispositivos móviles, es posible que de vez en cuando necesite cambiar manualmente las fotografías.

Para crear su imagen optimizada para dispositivos móviles, aplique estos consejos:

• No uses imágenes demasiado grandes porque podrían distorsionarse en los dispositivos móviles.
• Mantenga su mercancía centrada tanto vertical como horizontalmente y use fotos cuadradas.
• Para asegurarse de que sus fotos se carguen más rápido en los dispositivos móviles, utilice la carga diferida.
• Cada vez que agregue una imagen, verifique cómo aparece en un dispositivo móvil.

Usar imágenes de archivo

En blogs y pancartas, también puede utilizar fotos de archivo a precios razonables para ilustrar su escritura. Sin embargo, debido a que las fotos de archivo pueden ser genéricas ocasionalmente, asegúrese de poner su propio sello editando y aplicando superposiciones para que sean pertinentes para su negocio.

Conclusión

A través del tema, te mostramos una guía completa sobre cómo optimizar tu imagen en las tiendas Shopify. Con las sugerencias útiles, esperamos que pueda mejorar la calidad de su producto de imagen. Si sus consumidores no pueden tener una visión general de los productos, puede ser difícil comprar sus productos. Por lo tanto, su imagen en la tienda juega un papel importante para atraer más clientes y aumentar las ventas. Si desea que su tienda se vea más atractiva y profesional, puede contactarnos para tener expertos que puedan aprovechar su tienda en el siguiente nivel.