Background

BLOG PIXELZ

Adéntrate en el eCommerce, la fotografía de producto y la edición de imágenes y descubre las mejores recomendaciones para tu negocio.

Comprime Tus Imágenes de Producto y Vende Más en tu Tienda Online


Main Image
Estas imágenes pudieran verse similares para ti, pero no lo son. La que elijas tendrá un significativo impacto en el rendimiento y conversión de tu tienda online. ¿Por qué?

La respuesta es sencilla: la velocidad de descarga de la imagen. La imagen de la derecha es 5 veces más pequeña que la imagen de la izquierda. En promedio, las imágenes representan el 64% de los datos de una página web. Sitios de eCommerce llenos de catálogos son los que más imágenes y datos tienen. El cliente actual no está dispuesto a esperar demasiado para que se carguen las imágenes, aún así sean muy hermosas.

Este estudio de Kissmetrics muestra que los usuarios en PC esperan hasta 5 minutos, mientras que los usuarios de móviles solo 3. Es

Si deseas tener una tienda online que vaya rápido para que genere muchas ventas es necesario que optimices tus imágenes. ¿Pero cómo?

La solución está en una palabra compresión. En este post podrás aprender los aspectos más importantes de esta técnica.

2 segundos ¡nada más!

Es necesario el ponerse “técnico” cuando hablamos de eCommerce, especialmente de fotografía de producto. Es necesario y toma tiempo el entender temas como compresión de imágenes, pero vale la pena. Esos pequeños detalles que hagas, serán los que convertirán una imagen regular en una realmente impresionante, atractiva y profesional pues además, al comprimir imágenes, la velocidad de carga de estas en la tienda online se reduce. ¡Y esto lleva a generar más ventas!

Páginas que se demoran en cargar pueden ocasionar un daño importante a la reputación de una marca. Según un estudio por Akamai líder mundial en servicios de redes de distribución de contenido, 2 segundos es el tiempo de espera promedio para un usuario, para que una imagen se despliegue. Si tu página está demorando más de ese tiempo, entonces tiene que hacer algo o estarás perdiendo potenciales clientes. Más de 3 segundos hace que un 40% de los clientes se sienta decepcionado y abandone el sitio.

La velocidad de carga de las imágenes importa, así como la calidad y profesionalismo de estas mismas. ¡Que no se te escape ninguno de estos aspectos!

Compresión de imágenes

La compresión de archivos es un método para reducir el tamaño de una imagen con limitada reducción en la calidad de esta. La compresión no solo es una técnica útil para disminuir el tiempo de carga de una imagen, si no también para reducir el espacio que esta ocupa en un servidor. El ocupar menos espacio y banda te ahorrará dinero en tu servicio de hosting.

Primero hay que entender que una imagen demasiado comprimida aparecerá más pixelada, y aparecerá incluso fuera de foco. Mira estos ejemplos:

High Quality and Grainy

Alta calidad

Granulada

La imagen superior ha sido comprimida demasiado, pero no te preocupes. ¡No será tu caso! Una imagen correctamente comprimida no se ve así.

1. Compresión baja

La compresión baja permite que toda la información original de una imagen se pueda recobrar cuando el archivo está descomprimido. Utilizar una imagen comprimida con este método puede ayudar a ahorrar un 5-20% de tamaño de archivo. La reducción exacta depende de cada imagen en particular.

Los formatos de archivo más comunes en compresión son PNG y TIFF. Cuando ves archivos comprimidos con el método más ligero en un monitor, deberás notar que la pixelación en la imagen está intacta. Este tipo de método se utiliza generalmente para archivos de impresión, y no para web debido a que los tamaños de archivo generalmente son grandes y pueden generar una descarga lenta de la imagen.

Es verdad que no te recomendamos que utilices este tipo de compresión para tus imágenes online, pero si para archivos de Photoshop u de otra herramienta de edición como GIMP. Esto permitirá que se reduzca el tamaño de tus archivos originales (RAW).

Por ejemplo:

  • En tu cámara
    • Revisa tus ajustes de cámara y coloca el modo de fotografiar en formato RAW. Aprende sobre los beneficios de fotografiar en formato RAW aquí.
  • Edición
    • Abre los archivos de imagen RAW en Photoshop para retocarlos
    • Guarda el archivo procesado como .TIFF para utilizarlo luego.
    • Guarda el archivo en formato .JPG para usarlo en la web.

Otra técnica de compresión baja es remover la meta data de tu archivo. La mayoría de cámaras digitales incluyen el tipo EXIF (Exchangeable Image File) para añadir cosas como localización por GPS, tipo de cámara, ISO, actividad del flash, tipo de lente, etc. Esta información puede removerse fácilmente de tus imágenes al reducir el tamaño del archivo.

Existen algunos programas que pueden ayudarte a remover esta información. Un ejemplo es EXIF Tool.

Como puedes apreciar debajo, el guardar la imagen como un TIFF puede reducir el tamaño sin afectar la calidad. La imagen de la izquierda es un archivo original (RAW) y la de la derecha es un formato TIFF.

Above is our starting RAW image- 17.9 MB

Archivo original (RAW)- 17.9 MB

Flattened TIFF file- 5.1 MB

Archivo TIFF comprimido – 5.1 MB

2. Compresión alta

Las imágenes que han sido comprimidas utilizando una alta compresión experimentarán una menor reducción en la calidad pero una alta en tamaño. Es la mejor práctica para optimizar imágenes web.

La meta de este tipo de compresión es reducir el tamaño del archivo lo más posible, mientras la apariencia de la imagen se mantiene bastante intacta.

El formato más común para este tipo de compresión es JPG. Cuando uno guarda una imagen en este formato es posible elegir en el sistema un valor para la calidad de la imagen. Para buenos resultados, puedes determinar un valor de 8 o más. Mientras más alto sea este valor, mejor aparecerá la imagen en la web. El reducir ese valor puede producir imágenes pixeladas.

Cuando has fotocopiado un documento y vuelves a fotocopiar la primera copia, recibes un resultado similar a lo que sucede con el formato JPG. Mientras más comprimas cada archivo, la calidad irá bajando pues se perderá información.

Flattened TIFF file – 5.1 MB

Archivo TIFF – 5.1 MB

JPG compressed at quality 10 – 953KB

Archivo JPG comprimido a calidad 10 – 953KB

Mira el gran cambio en tamaño de la imagen arriba. De un archivo TIFF se ha pasado a uno JPG. El tamaño se ha reducido 5 veces ¡o un 81%! Si haces eso con todas las imágenes de tu tienda online, imagina cuanto espacio ahorrarás en el servidor.

3. Remover el fondo

Quizás una de las maneras más efectivas de reducir el tamaño de archivo es remover el fondo de la imagen.

Tal como el nombre lo dice, el remover el fondo es el proceso mediante el cual se deja desprovista de fondo una imagen. Es la solución ideal para fotógrafos de producto pues hacer que la imagen tenga un aspecto más profesional, pues deja que se centre la atención en el producto, además de minimizar el espacio que este ocupa en el servidor de la tienda online.

El remover un fondo puede ser un proceso tedioso si no tienes experiencia, o si debes de hacerlo para una multitud de imágenes. Por suerte existe la opción de externalizar el proceso. Te recomendamos que utilices este servicio en Pixelz. Con solo unos pocos clics podrás crear especificaciones detalladas como remover el fondo u otras que harán que tus imágenes destaquen en tu negocio online.

Como podrás ver en el ejemplo a continuación, el remover el fondo crea un efecto muy atractivo y reduce el tamaño de archivo.

Lossy Compression at quality 10 with background removal – 819 KB

Compresión de calidad con el fondo removido – 819 KB

JPG compressed at quality 10 – 953KB

Archivo JPG comprimido a calidad 10 – 953KB

Como puedes ver, los archivos se van reduciendo más y más a medida que los comprimimos.

¿Puedes ver la diferencia ahora?

Lossy Compression at quality 10 with background removal – 819 KB

La imagen a la derecha muestra una compresión alta (de TIFF a JPG). La reducción en la calidad no es tan alta como lo es en tamaño ¡5 veces!

Format: TIFF

Format: JPG

Size: 5.1MB

Size: 819 KB

Reduction: 84%

Lo que necesitas saber si o si:

Compressing

El aplicar estos métodos de compresión a tus imágenes de producto ayudarán a reducir el tamaño de tus imágenes en tu tienda online y además:

  • Reducir la carga de tus imágenes en tu sitio web.
  • Reducir tu tasa de rebote.
  • Reducir espacio en el servidor.
  • Reducir el ancho de banda.
  • Presentar tus productos de manera correcta.
  • Que tus imágenes tengan un buen Google Rank.

Como has aprendido, es esencial que utilices esta técnica si quieres que tus imágenes de producto ayuden a vender tus productos y tus ventas suban.

¡A comprimir se ha dicho!