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.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

5 × cinco =