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

Shopify es una increíble plataforma de comercio electrónico que hace que sea más fácil que nunca para las empresas y comerciantes crear un sitio para su negocio, comercializar sus productos y vender como nunca antes. Tienen múltiples carritos de compras diferentes y opciones de pago integradas naturalmente en la plataforma, y ​​hay miles y miles de aplicaciones que pueden ayudarlo a hacer todo, desde automatizar su contabilidad hasta crear etiquetas de envío con descuento.

Hay tantas opciones increíbles que a veces los comerciantes pueden sentirse un poco perdidos con algunos de los conceptos básicos. Si puede cargar imágenes de tantas formas y tamaños diferentes, por ejemplo, ¿cómo sabe cuál es la mejor?

Afortunadamente, hay respuestas sencillas sobre los mejores tamaños de imagen de Shopify, temas de imagen y mejores prácticas en general. En esta publicación, veremos todo lo que necesita saber sobre los mejores tamaños de imagen de Shopify y cómo optimizarlos para ayudarlo a vender más de inmediato.

¿Cuáles son los mejores tamaños de imagen de Shopify?

Cuando se trata de imágenes de Shopify, no necesariamente hay una talla única.

Echemos un vistazo a los diferentes tipos de imágenes de Shopify y sus tamaños ideales.

Imágenes del producto

Las tiendas Shopify permiten una amplia variedad de imágenes y variaciones de imágenes. Si ejecuta una tienda Shopify, es posible que ya sepa que Shopify permite a los usuarios cargar más de 250 imágenes por producto destacado. Debido a que hay tantas opciones, es importante asegurarse de que todas se vean geniales.

Según Shopify, el tamaño de imagen más grande que puede cargar es 4472 x 4472 píxeles con un tamaño de archivo máximo de 20 MB.

Los archivos de más de 20 MB ocuparán un valioso espacio de almacenamiento en su sitio web. Intentar usar imágenes más grandes afectará la velocidad y la funcionalidad de su tienda en línea, lo que hará que sus páginas se carguen demasiado lentamente. Esto podría aumentar la tasa de rebote en su página, ya que los visitantes tienden a abandonar los sitios web que tardan demasiado en cargarse o donde las imágenes están rotas. Eso es contraproducente cuando desea que los compradores pasen más tiempo en su sitio, no menos.

Tener la capacidad de usar cualquier tamaño de archivo hasta ese límite de 4472 x 4472 píxeles no significa que realmente usar archivos tan grandes sea una buena idea. Es más probable que los visitantes de su sitio prefieran ver múltiples imágenes de alta calidad y de carga rápida que les darán una perspectiva amplia de su producto. Concéntrese en usar imágenes llamativas de alta resolución que no ralenticen la funcionalidad de su sitio.

Como regla general, Shopify recomienda que los propietarios de las tiendas opten por imágenes cuadradas que tengan un tamaño de 2048 x 2048 píxeles. Estas imágenes funcionan bien tanto en pantallas de escritorio como móviles.

El tamaño permite una resolución lo suficientemente alta como para que tu sitio de Shopify tenga un aspecto ágil y profesional, lo que, a su vez, te ayudará a aumentar tus ventas. Además, el recuento de píxeles en una imagen de 2048 x 2048 permite al usuario acercar la imagen cuando quiere verla más de cerca. (Las capacidades de zoom comienzan cuando las imágenes tienen un tamaño de 800 x 800 píxeles).

Favicons

Los Favicons son los pequeños íconos que aparecen junto a su URL y pueden contribuir en gran medida al conocimiento de la marca y crear una experiencia de usuario sólida y completa.

Su favicon debe tener 32 x 32 píxeles de ancho.

logotipos

El logotipo de su marca puede aparecer en diferentes lugares de su sitio, según el tema o el diseño personalizado del sitio. Puede aparecer en la parte superior y central de su página de inicio y, a menudo, aparece en el pie de página de muchas páginas de la tienda Shopify para mejorar la visibilidad de la marca.

Sus logotipos deben tener 450 x 250 píxeles.

Imágenes para banners, imágenes destacadas de blog o fondos completos de la tienda

Estas son imágenes grandes que abarcarán una gran parte del sitio web, por lo que deben ser de alta resolución.

Querrá optar por imágenes de 1800 x 1000 píxeles aquí.

Imágenes emergentes

Muchas marcas ofrecen incentivos como envío gratis o un 15 % de descuento cuando te suscribes a su boletín informativo. Shopify recomienda encarecidamente cargar imágenes de 425 x 575 para las ventanas emergentes del boletín.

Imagen de fondo para su página de inicio de sesión

¿Alguna vez has notado que algunas tiendas Shopify tienen hermosos fondos en la página de inicio de sesión para mantener el interés? Esto proporciona una fuerte experiencia de marca para el cliente. También es un gran lugar para usar una gran foto de archivo impresionante.

Estas imágenes deben ser de 1600 x 1000.

Imágenes destacadas de la promoción

Es probable que haya destacado promociones en algún lugar de su sitio, posiblemente incluso en su página de inicio. Estos están destinados a llamar la atención de los usuarios y captar su atención. Optar por imágenes de 840 x 840 píxeles es un buen camino a seguir.

Imágenes de la galería

¿Crear galerías de sus productos para organizarlos en diferentes categorías? Sube imágenes de 800 x 800 píxeles.

Imágenes de banner de presentación de diapositivas

Algunos sitios web tendrán presentaciones de diapositivas de imágenes de productos que dominan su página de inicio. Si este es un estilo de tema que ha elegido, optar por imágenes de 1600 x 1000 píxeles probablemente sea una buena opción, pero asegúrese de verificar su tema específico.

Banners de la página de pago

Nuevamente, es esencial crear una experiencia de usuario de marca completa en cada etapa del viaje del comprador. ¡Esto incluye la página de pago! Cargue una imagen de 1800 x 300 con su logotipo para crear un banner en la página de pago.

Tipos de imágenes para incluir en su tienda Shopify

Cuando navegues por diferentes tiendas de Shopify, notarás que, como en todas las plataformas de comercio electrónico, hay varias imágenes diferentes que puedes usar para promocionar tu producto.

Éstos incluyen:

• Imágenes solo de productos, que a menudo se colocan sobre un fondo neutro o blanco. Por lo general, se usan para las imágenes de productos principales, que aparecen en las búsquedas.

• Imágenes del producto en uso, con un rico fondo. Esto puede variar desde una mujer girando en el vestido que estás vendiendo, o personas sentadas afuera de la carpa que estás buscando promocionar con el bosque de fondo. Mostrar la imagen en uso puede ayudar a las personas a imaginarse usándola y ofrecer valor.

• Fotografías con superposiciones gráficas, como la siguiente, que utiliza gráficos o textos para establecer el contexto sobre el uso o el tamaño, o resaltar diferentes características. Podemos ayudar con esto en Snappa; simplemente cargue la imagen de su producto y use nuestros gráficos integrados y las herramientas de diseño de arrastrar y soltar para crear imágenes de alta conversión.

• Gráficos enteramente utilizados para ofrecer valor informativo. Esto podría incluir un gráfico que muestre tres variantes diferentes, comparando tamaños u opciones, o incluso una tabla de tallas.

Mejores prácticas de imagen de Shopify

¿Quiere asegurarse de que sus imágenes de Shopify estén bien optimizadas para ayudarlo a vender tanto como sea posible, escalando su negocio hacia un éxito masivo? Muchas mejores prácticas variarán mucho de un negocio a otro o de una industria a otra, pero todos los propietarios de tiendas Shopify deben usar estas tres reglas de optimización de imágenes.

Use la miniatura del mismo estilo para todas las imágenes del producto principal

Hay múltiples tipos de imágenes diferentes entre las que puede elegir para comercializar su producto, y optar por elegir un solo estilo para presentarlo como la imagen principal del producto es una excelente opción. Hará que sus resultados de búsqueda se vean uniformes, dándole a su sitio una consistencia que lo ayudará a verse establecido, creíble y profesional.

La mayoría de los escaparates optarán por elegir un estilo de imagen como el anterior, con el producto solo sobre un fondo completamente blanco que se mezcla con el sitio en general. Es neutral y ayuda a las personas a revisar sus opciones rápidamente y ver en qué están haciendo clic exactamente. Pruebe estas imágenes y vea si funcionan para usted.

Incluya una variedad de imágenes

Acabamos de hablar sobre elegir un estilo consistente para sus imágenes principales, pero eso solo tiene que ver con su imagen principal que representará primero su producto y obtendrá clics.

Aún debe incluir una variedad de otros tipos de imágenes en cada lista de productos si es posible. Esto puede incluir imágenes de cerca de ciertas características de los productos; en el ejemplo a continuación, esto se usa para mostrar el color, el grosor y la textura de las extensiones de cabello que se venden.

Recuerda que cuantas más imágenes tengan los usuarios, más información tendrán. Pueden ver el producto desde diferentes puntos de vista y ángulos, verlo en uso y tener una mejor idea de si es adecuado para ellos. Eso no solo puede infundir más confianza en los usuarios para comprar, aumentando sus ventas, sino que también aumenta la probabilidad de que tomen la decisión correcta para ellos y estén satisfechos con su compra. Esto significa tasas de devolución más bajas y una mayor rentabilidad en general.

Prueba para ver qué funciona

Es posible que las imágenes con fondos funcionen mejor como imágenes principales. Tal vez si está vendiendo ropa, descubra que obtienen más clics cuando están en el modelo en lugar de acostarse sobre un fondo blanco, por ejemplo.

La única forma de saberlo con seguridad es probarlo por ti mismo. Ejecute pruebas divididas dedicadas, solo probando las imágenes para ver qué obtiene más clics y más conversiones.

Hay herramientas que pueden ayudar con esto, incluida la aplicación Neat A/B, que alternará diferentes imágenes en intervalos establecidos hasta que tenga las respuestas que necesita, para ver qué es más efectivo. Esto puede ser diferente en cada industria y para cada marca, por lo que tomarse el tiempo para realizar las pruebas puede ser una gran decisión.

Sepa qué tipos de archivos hacen el trabajo

Al seleccionar imágenes para tu tienda Shopify, es crucial saber qué tipo de archivo funciona mejor para la imagen que intentas presentar. Hay varios para elegir, pero los formatos principales que se usan con más frecuencia son JPG, GIF, PNG, TIFF y BMP.

En términos de formato de archivo, JPG es la imagen de Shopify más popular y utilizada.

Cuando elige una imagen JPG, puede encontrar un excelente equilibrio entre imágenes que se ven de alta calidad pero que también están lo suficientemente comprimidas para que su sitio se cargue rápidamente para el usuario final. Además de los JPG, las imágenes PNG también son una excelente opción. La calidad de imagen de un PNG es un poco más alta que la de un JPG, pero eso también significa que el archivo será más grande, lo que puede afectar el tiempo de carga.

Dicho esto, hay otros formatos de imagen a considerar. Pasemos a los tipos de archivo y veamos sus características.

JPG/JPEG

Los archivos JPG/JPEG (Joint Photographic Experts Group) son imágenes comprimidas que aún aparecen como representaciones de alta calidad que son excelentes para sitios web. Cuando se muestran con alta resolución y un tamaño de archivo razonable (idealmente por debajo del máximo de 4472 x 4472 píxeles de Shopify), pueden cargarse rápidamente y verse muy bien en su tienda en línea también.

Estas imágenes permiten una amplia gama de colores para que pueda obtener la calidad llamativa que desea sin exigir demasiado la funcionalidad de su sitio web, y también puede ajustar la cantidad de compresión en la imagen misma. Este es el formato que recomienda Shopify, ¡y por una buena razón! Los archivos JPG son ideales para fotografías.

GIF

Los GIF ("Graphics Interchange Format") son un tipo de imagen de mapa de bits (BMP) que permite la animación. Son una excelente opción si está buscando agregar un toque de dinamismo a su tienda en línea. Pero hay una gran limitación cuando se trata de este formato de archivo. Si bien Shopify le permite usar GIF en su sitio, también comprime el archivo de manera espectacular.

Solo se permiten 256 colores en imágenes de productos en formato GIF. Aunque las opciones de color son limitadas para los GIF, cualquiera puede verlos, sin importar el navegador que esté usando, por lo que ese es un gran beneficio del formato.

PNG

Además de los JPG, las imágenes PNG ("Formato de gráficos portátiles") son extremadamente comunes entre los propietarios de sitios de Shopify. Debido a que las imágenes PNG son archivos de compresión de datos sin pérdida, se pueden reducir fácilmente sin afectar la calidad de la imagen.

Los archivos PNG también permiten imágenes transparentes. Por ejemplo, si desea presentar una imagen de producto pero desea un fondo transparente, puede hacerlo con un PNG.

El único inconveniente de elegir un tipo de archivo PNG es que los archivos de imagen normalmente son más grandes que JPG. Esto puede ejercer presión sobre su sitio y hacer que se cargue más lentamente de lo que debería. Las paletas de colores PNG se pueden mostrar en color RGB de 24 bits o en escala de grises.

Los PNG son excelentes para fotos e imágenes que incluyen elementos de diseño gráfico.

TIFF / TIFF

Aunque normalmente un tamaño de archivo grande, los archivos TIF ("Formato de imagen etiquetada") / TIFF ("Formato de archivo de imagen etiquetada") son gráficos de trama que se pueden editar en varias aplicaciones diferentes. Los TIF son archivos de compresión de datos sin pérdida, lo que significa que se pueden reducir de tamaño manteniendo la calidad visual como los JPG.

Sin embargo, los archivos TIF suelen ser grandes, por lo que no siempre son ideales para usar en un sitio web.

BMP

Los BMP ("mapa de bits") son gráficos de trama que son versátiles y compatibles con todos los dispositivos. Normalmente no están comprimidos, por lo que las imágenes se muestran en excelente calidad.

Eso también significa que los BMP son archivos grandes que podrían ralentizar tu sitio de Shopify a menos que puedas optimizar correctamente las imágenes. Una imagen BMP puede mostrarse tanto a todo color como monocromática, y el formato permite muchas variaciones de color.

Conclusión

Las imágenes de Shopify no son lo único que necesita para vender en la plataforma, pero tendrán un gran impacto en el éxito o la rentabilidad de su tienda. Comenzar con los tipos correctos, asegurarse de que se carguen en los tamaños perfectos y luego optimizarlos por completo para las ventas es algo en lo que definitivamente desea invertir tiempo y esfuerzo, ya que pagará sus dividendos muchas veces.

¿Necesita ayuda para personalizar sus imágenes para su tienda Shopify para asegurarse de que se venderán? Comience su prueba gratuita con Snappa hoy.

¿Qué piensas? ¿Cómo optimizas tus imágenes de Shopify para ayudarte a vender? ¿Qué tamaños de imagen de Shopify te han funcionado mejor? ¡Comparta sus pensamientos y preguntas en los comentarios a continuación!