Esta es una guía sobre cómo crear las mejores imágenes de productos de WooCommerce para tu tienda para que puedas vender más.
Los clientes reciben mucho subtexto de la comunicación visual de tu sitio. Tus imágenes de productos le dicen al cliente mucho sobre el producto y son una parte importante del diseño de la página del producto.
La forma en que muestras las imágenes de tus productos es súper importante porque es la única manera en que los clientes pueden digerir cómo se ve. Puede cambiar la forma en que piensan en un instante.
Es por eso que es de vital importancia que tengas imágenes de productos de WooCommerce de alta calidad en tus páginas de productos, archivos de categorías y archivo de tienda.
3 Pasos Para Increíbles Imágenes de Productos de WooCommerce
Hay tres pasos que debes seguir si quieres ofrecer las mejores imágenes de productos a tus clientes en tu tienda de WooCommerce.
- Alta Calidad de Imagen En Las Dimensiones Correctas
- Mostrando Diferentes Puntos de Vista
- Optimizando la Velocidad de Carga
Al dominar estos tres aspectos de las imágenes de tus productos, tu sitio será mejor que el 90% de las otras tiendas, brindando a tus clientes una experiencia superior en tu tienda.
1. Alta Calidad de Imagen En Las Dimensiones Correctas
¿Tus imágenes de productos son granuladas, borrosas o descoloridas? ¿Son difíciles de ver? ¿La iluminación es mala?
Todas estas cosas afectan la impresión inicial del producto, por lo que es importante que tus imágenes de productos de WooCommerce tengan la resolución correcta y sean de alta calidad.
¿Qué tamaño deben tener las imágenes de los productos?
La resolución mínima que debes usar para tus imágenes de productos de WooCommerce es de 800px x 800px. Sin embargo, te recomendamos que apuntes más alto, porque cuanto mayor sea la calidad de tus imágenes, mejor serán percibidas.
Te guste o no, la calidad de la imagen del producto es un gran reflejo de la calidad del producto en sí en la mente del cliente.
Aquí tienes algunos consejos para mejorar la calidad de las imágenes de tus productos:
Usa una caja de luz para fotografía
Una caja de luz para fotografía es una caja especial que a menudo está hecha de material blanco no reflectante y proporciona un fondo blanco neutro e ininterrumpido para las imágenes de tus productos.
Está iluminada desde el interior con LEDs blancos ultrabrillantes (u otras luces comparables) que cancelan las sombras que proyectan otras fuentes de luz.
Estas dos cosas combinadas significan que puedes obtener una fotografía de aspecto profesional de tu producto sin usar cámaras o configuraciones de iluminación caras.
Si tienes un presupuesto limitado (e incluso si no lo tienes), es realmente la mejor manera de obtener buenas fotos de tus productos de manera consistente.
¿Cuánto cuesta una cabina de fotos?
Compramos cajas de luz para fotografía en Aliexpress, eBay o Amazon por alrededor de $70-100 USD.
Ajusta los niveles de tus fotos
Si tienes acceso a Photoshop (o Lightroom o un programa similar), deberías poder abrir tu fotografía y ajustar lo que se llama los Niveles de la foto.
Los Niveles te permiten ajustar el punto oscuro, el punto claro y los tonos medios de tu imagen, lo que significa que puedes hacer cosas como agregar contraste, mejorar la saturación, eliminar datos de imagen excesivos. Esto se hace manipulando el histograma de la imagen.
Eso podría sonarte a chino si no estás familiarizado con esos términos, pero si tienes algunas habilidades básicas de Photoshop, mira el siguiente video para una explicación fantástica de Ed de Photos In Color.
Si no tienes acceso a un programa de edición de imágenes sofisticado como Photoshop, puedes hacer una actividad similar en el excelente editor de imágenes en línea Pixlr. Mira el video de todos modos y comprenderás mejor lo que estás manipulando.
2. Mostrar diferentes puntos de vista
Las imágenes de tu producto pueden tener un impacto enorme en si tus clientes deciden comprar o no.
Es por eso que es importante mostrar diferentes puntos de vista del producto para que los clientes que de otro modo no podrían coger y examinar el artículo como lo harían en la tienda puedan obtener una visión holística (en la medida de lo posible) de lo que están comprando.
Es aún más importante cuando se trata de artículos que tradicionalmente solo se habrían vendido cara a cara debido a la necesidad de inspeccionarlos visualmente, como ropa y zapatos, y productos que caducan (comida, flores, etc.).
¿Cómo cambio la imagen del producto en WooCommerce?
Puedes añadir imágenes adicionales de productos de WooCommerce a tus productos subiéndolas a la página de edición del producto.
Si gestionas un catálogo grande, también puedes subir una colección completa y subirlas mediante CSV utilizando la función de importación de CSV de productos integrada de WooCommerce.
Solo tienes que subirlas primero a una URL accesible públicamente, una gran opción es usar Dropbox y obtener la URL pública del archivo de imagen para introducirla en tu CSV.
En las últimas versiones de WooCommerce, han introducido el zoom nativo al pasar el ratón por encima, lo cual es una gran adición, especialmente si tomas imágenes de alta definición, ya que ayudará a tus clientes a ver los detalles más finos del producto.
También puedes considerar el uso de un plugin de visualización 360º que te permitirá subir una serie de imágenes que construyen una vista 3D del producto.
3. Optimización de la velocidad de carga
La parte final para tener las mejores imágenes de productos de WooCommerce para tu tienda es centrarse en optimizar las imágenes para reducir la velocidad de carga.
En la actualidad, existe una multitud de velocidades de conexión y dispositivos diferentes, por lo que servir imágenes optimizadas se ha vuelto más importante que nunca.
¿Cuál es el mejor tamaño para las imágenes de productos de WooCommerce?
Si bien no quieres bajar de la resolución de imagen de 800px x 800px, tampoco quieres pasarte y subir imágenes excesivamente grandes que ralentizarán los navegadores web de las personas.
Además, las imágenes con baja resolución o el tamaño incorrecto pueden dañar la reputación de tu sitio web. Por eso es importante optimizar las imágenes del sitio web.
Optimización de archivos
En primer lugar, la optimización de imágenes significa reducir el tamaño del archivo tanto como sea posible manteniendo la calidad de la imagen lo más alta posible.
Más allá de optimizar tus fotos en Photoshop (sí, puedes guardarlas con un 80% de calidad y aun así salirte con la tuya y esto ayudará mucho con el tamaño del archivo), podrías necesitar usar otra herramienta para eliminar datos excesivos de tus archivos de imagen finales y comprimirlos aún más.
Para esto, recomiendo usar un plugin de WordPress llamado WP Smush.it. Esta herramienta gratuita procesa tus archivos de imagen, eliminando datos de imagen redundantes excesivos (que la mayoría de los archivos de imagen contienen), redimensiona al tamaño adecuado y comprime el tamaño final de la imagen antes de guardarla nuevamente en tu biblioteca de medios.
En mi experiencia, algunas personas experimentarán una disminución del 10-50% en el tiempo de carga de la página debido a la reducción del tamaño de archivo de sus imágenes. Puede ser así de efectivo.
La otra cosa que puedes considerar hacer es servir tus activos multimedia desde una CDN (Red de Entrega de Contenidos).
Las CDN están optimizadas para entregar activos estáticos como imágenes. En lugar de sobrecargar tu servidor con solicitudes de archivos de imagen, una vez configurado, tu sitio instruirá al navegador de la persona a solicitar los archivos de imagen de los servidores de la CDN en su lugar.
Estas empresas están configuradas específicamente para manejar millones de solicitudes de archivos de manera extremadamente eficiente. A través de su potente red, puedes entregar las imágenes de tus productos (y otras imágenes utilizadas en tu sitio) a los usuarios extremadamente rápido mientras quitas carga de tu propio servidor.
Hay una serie de servicios de CDN que puedes usar:
- Cloudflare – A partir de $20/mes
- MaxCDN – A partir de $9/mes
- KeyCDN – A partir de $40/año (pago por GB)
Los servicios anteriores se configuran con bastante facilidad con un plugin de caché como WP Super Cache.
Aunque la mejor manera de reducir los tiempos de carga es eliminar las imágenes, es imposible eliminar todas las imágenes de tu sitio y a menudo es indeseable hacerlo, especialmente en una situación de comercio electrónico donde tener imágenes de productos claras y útiles es primordial.
Pero deberías considerar comprimir las imágenes de tus productos, reducir la calidad de la imagen siempre que sea posible (lo suficiente como para reducir el tamaño del archivo pero no tanto como para que sea perceptible a la vista), y servirlas adecuadamente desde un servicio de CDN si tu tráfico lo justifica.
Domina las imágenes de tus productos de WooCommerce – Tus clientes te lo agradecerán
Entonces, depende de ti. ¿Estás listo para dominar las imágenes de tus productos de WooCommerce?
Necesitarás:
- Tener alta calidad de imagen en las dimensiones correctas
- Mostrar imágenes de productos desde diferentes puntos de vista
- Optimizar la velocidad de carga de tus imágenes
Crear las imágenes de productos perfectas para WooCommerce es una tarea importante, pero una vez que lo hagas, tus clientes te agradecerán el esfuerzo adicional, ya que les facilitará mucho la decisión de compra.
Gracias, estoy configurando un sitio web de WooCommerce y me preguntaba cuál era la mejor calidad y tamaño. Probaré Smush también
Hola Angela, depende de cuáles sean tus productos y cuántos detalles necesites mostrar. Apunta a al menos 1000 píxeles de ancho, ya que se ampliará bien en la mayoría de los monitores. Para más detalles, puedes hacerlo más grande.
Hola, ¿puedes escribirme el tamaño de imagen adecuado para una tienda de WooCommerce?
Está en el artículo Rupchand, revisa el encabezado "¿Qué tamaño deben tener las imágenes de los productos?" arriba :)
Hola Josh, gracias por este artículo. ¿Qué pasa con los productos que tendrán personas usándolos? Por ejemplo, camisetas. ¿Todavía debo mantener la imagen cuadrada si alguien estará de pie mientras usa el producto? Vendo una mezcla de productos digitales y físicos. Gracias por tu respuesta.
Para camisetas, definitivamente echa un vistazo a algunas de las tiendas de camisetas más grandes como teespring (que muestran solo el torso con la cabeza cortada) y threadless (que editan la cabeza). La mayoría de las tiendas de ropa se centrarán en el artículo de interés. ¡Espero que esto te dé algunas ideas!
Gracias por la información
¡De nada, Viko!