Optimización de Imágenes: calidad vs tiempo de carga

Optimización de Imágenes: calidad vs tiempo de carga
Las imágenes de alta calidad se han convertido en un elemento muy importante para los ecommerce. Sin embargo, este tipo de fotografías tan detalladas ralentizan el tiempo de carga de la web, consiguiendo que el consumidor abandone su acto de compra. En estos casos, es necesaria la optimización de imágenes para seguir ofreciendo la mejor experiencia al usuario.

En el mundo del ecommerce, poder mostrar tu producto con la máxima precisión es indispensable. De esta manera, los sitios web utilizan fotos para acercar el producto al comprador y que éste pueda hacerse una idea lo más fiel posible de lo que ofrecen. La fotografía de producto se convierte en un eslabón ineludible durante el proceso de compra. Si consigues ofrecer una imagen atractiva y visualmente bonita, estás mucho más cerca de ser comprado.

Optimización Imágenes
Designed by Freepik

Aún y la importancia de las imágenes en la experiencia de compra, la realidad es que a mayor calidad de imagen, mayor peso, y por lo tanto mayor tiempo de espera en web. Un estudio publicado por Radware afirma que un segundo de demora en la carga web se traduce en un 7% de pérdida en conversiones, un 11% menos de páginas vistas y un 16% de descenso en satisfacción del consumidor. Así, los posibles compradores se cansan muy rápido de esperar y acaban desistiendo en su intención de compra.

Esto supone un gran reto para los propietarios de negocios digitales: ¿cómo ofrecer la mayor calidad de imagen posible, sin renunciar a una alta velocidad de carga en web?

El SEO de buscadores como Google también tiene en cuenta la velocidad de carga de tu web, así que para conseguir aparecer en las primeras posiciones de los motores de búsqueda, la rapidez es indispensable.

Así, tanto consumidores como buscadores las prefieren rápidas (las webs). ¿Se incluye la tuya en una de ellas? Si no es así, te mostramos algunas ideas para conseguirlo.

Compresión de Imágenes

Los compradores valoran que las fotos sean grandes, de alta calidad, y sobre todo que permitan hacer zoom para captar todos los detalles del producto. Todas son características que disparan el tiempo de carga de la web. Pero tenemos la solución: diferentes aplicaciones y sitios web, como TinyPNG o Compressor.io son capaces de comprimir tus fotos, sin que esto suponga un detrimento en su calidad.

“Save for web” de Photoshop

Si eres usuario de Adobe Photoshop, la opción “save for web” (guardar para web) comprime tus imágenes directamente para que puedas hacer uso de ellas en tu sitio de internet. Además, esta opción te informa del tiempo aproximado de carga de tu fotografía y de su peso.

Escoge el formato adecuado (¿JPEG, PNG, GIF?)

Optimización imágenes
Designed by Freepik

Escoger el formato que más se adapte a tus necesidades parece fácil, pero cuando nos importa mucho la calidad, como es el caso, tendemos a cometer errores que aumentan el tiempo de carga del navegador. 

Los más utilizados son JPEG, PNG y GIF, pero para la mayoría de situaciones ecommerce, JPEG será tu mayor aliado. Este formato proporciona la mejor calidad con el menor tamaño de archivo. GIF no suele ser nunca una buena idea, ya que la imagen pesa mucho y no hay manera de reducirla. Intenta reservar este formato para thumbnails o imágenes decorativas, no de producto. PNG también es una buena alternativa ya que nos proporciona un tamaño de archivo extremadamente pequeño, aunque para conseguirlo los colores se distorsionen.

Utiliza una “content delivery network”

NCDN - CDN

Una red de entrega de contenidos (Content Delivery Network en inglés) es una red de computadoras superpuesta que sirve como contenedor de copias de datos. Éstos están colocados en diferentes puntos de una red, lo que permite maximizar el ancho de banda. Al navegar por la web, el usuario accede a la copia de información que se encuentre más cerca suyo, en lugar de acceder al mismo servidor central, como sí sucede con las webs sin este servicio. Con el CDN evitas que se produzcan embudos en el servidor, y por lo tanto tu página web tiene una velocidad de carga más rápida.

Este tipo de redes puede contener objetos web, objetos para descargar (archivos multimedia, software, documentos), aplicaciones, etc.

Se trata de una solución excelente para contener nuestras imágenes. CloudFlare o Amazon CloudFront ofrecen este servicio.

Pon a prueba tus imágenes

Optimización Imágenes
Designed by: Freepik

El objetivo de optimizar tus imágenes es aumentar las conversiones. Conocer qué tipo de imágenes atrae más a tus clientes es esencial para que consuman en tu ecommerce:

– Pon a prueba el número de imágenes del producto por página: dado que el tiempo de carga es un problema, es posible que al reducir el número de imágenes en una página aumenten las tasas de clics y las ventas. Pero también es posible que proporcionar muchas imágenes por página (como diferentes vistas) mejore la experiencia del usuario y genere más ventas. La única forma de descubrir esto es probarlo.

– Pon a prueba qué ángulos prefieren tus clientes: encuestar a los clientes acerca de lo que más les gusta al ver las fotos de los productos

A través de estos consejos y aplicaciones podrás sacarle el mayor rendimiento a tus fotografía ecommerce y ofrecer una auténtica experiencia de usuario a tus clientes.

Fotografía de producto 360º: la mejor experiencia de compra

Fotografía de producto 360º: la mejor experiencia de compra
Las nuevas demandas del mercado de la venta online para el mundo de la imagen giran en torno a dos conceptos principales: dinamismo e interactividad. Una buena respuesta a esas demandas es la Fotografía 360º

En WIO hemos desarrollado nuestra propia ingeniería para generar de manera totalmente automatizada fotografías 360º de cualquier tipo de producto, con los tiempos y costes más bajos del mercado.  Hemos comprendido que la fotografía 360º reduce la distancia entre la compra virtual y presencial, mejorando la información sobre el producto a través una puesta en escena totalmente interactiva y muy fiel a la realidad, disponible desde cualquier tipo de dispositivo.

Una fotografía 360º interactiva es mucho más llamativa que una imagen fija, la hace más atractiva y ayuda a la compra online. Consigue darle un valor añadido a tu sitio web y te destaca en la multitud.

Visible desde todos los ángulos rotando la imagen con sencillos movimientos de cursor, optimizamos el potencial visual de su producto para que sea el internauta quien decida como quiere observarlo, aprovechando todo el poder de la imagen. Nuestros desarrollos interactivos de fotografía 360º son totalmente compatibles con los dispositivos móviles y táctiles, tanto smartphones como tablets, cada vez más utilizados por los compradores para la compra online, ya sea mediante web o aplicación.

Empresas punteras en el campo de la venta online como Zalando, Privalia, Decathlon, Harrod’s, Massimo Dutti o Amazon, por citar sólo algunas de ellas, apuestan ya desde hace tiempo por este sistema interactivo de presentación de producto, que ofrece los siguientes beneficios al ecommerce:

  • Mejora la confianza de tus clientes en tu negocio y tienda online, aumentando la confianza aumentan las posibilidades de compra.
  • Añade a tu eCommece un aspecto de profesionalidad, así mejora el branding de tu empresa que redunda en publicidad de tu marca y aumento de confianza.
  • Reduce el porcentaje de devoluciones de los productos, incrementando el beneficio de tu negocio.
  • Mayor información visual del producto, incluso que la descripción textual, potenciando así la seguridad de tus clientes al comprar en tu web.
  • Se adapta a las demandas de tus clientes y te diferencia del resto, mejorando tu imagen de marca y resaltando tu portal en Internet.
  • Incrementa el retorno de la inversión de tu tienda online.
  • Incrementan los tiempos de estancia en las fichas de producto, aumentan los clic y bajan los porcentajes de abandono.