18/05/201810 min

¿Cómo reducir el tamaño y peso de las fotos de tu eCommerce?

¿Conoces la verdadera importancia de optimizar las imágenes dentro de la web de tu negocio online?

Las imágenes tienen una relevancia vital dentro de una tienda que venda productos en Internet y, no sólo por la calidad que éstas tengan, sino por otros factores que analizaré más adelante.

Como podrás imaginarte, conseguir la confianza del cliente y, por ende, que éste compre un producto sin haberlo visto físicamente, supone todo un reto para cualquier responsable de este tipo de negocios.

Tus potenciales clientes y visitantes necesitan ver las imágenes que muestres de tus productos de la manera más parecida a la realidad, ya que de este factor dependerá su satisfacción "post venta".

Pero en cuanto a este tema que te planteo hoy sobre reducir el tamaño de tus fotografías y bajarles el peso, hay otras motivaciones por las que considero a esta acción como una necesidad, más que una recomendación.

¿Por qué debo reducir el tamaño y peso de las fotos de mi eCommerce?

Como te decía, estas son sólo algunas de las razones por las que deberías plantearte realizar acciones que reduzcan el peso de las fotos que tienes subidas en tu web:

1. Aumentar la velocidad de carga

La velocidad de carga de una web, ya sea de un eCommerce o cualquier otro tipo de sitio web es, como ya comentamos en anteriores artículos, un factor SEO al que Google otorga una importancia decisiva.

Por ello, se estima que si tu web tarda más de 3 segundos en cargar completamente, Google la considerará como una "web lenta", por lo que tu posicionamiento decaerá, pese a que tus contenidos puedan estar muy optimizados.

Si este es tu caso, esto debería hacer plantearte examinar a qué se debe dicha lentitud.

Es más, ya te adelanto que podría ser debido a que las imágenes que has subido tienen un tamaño mucho mayor al que muestra tu web y a que éstas no han sido bajadas de peso convenientemente.

2. Disminución del tiempo de rebote

Es de lógica pensar que, si la web de tu tienda tarda demasiado en cargar los elementos visuales, el usuario que entre a cualquiera de las URL's de tu tienda no tardará en salir de ella.

Esto significará, además de que irá inmediatamente a visitar otros eCommerce similares (de la competencia), que aumentará tu tiempo de rebote.

Tener por tanto unas fotografías bien optimizadas y que carguen eficientemente, hará que quieran pasar más tiempo dentro de tu tienda, aumentando así las posibilidades de materializar una compra.

3. Mejorará la experiencia de usuario

Una consecuencia derivada de los 2 motivos anteriores es que mejorará la experiencia de usuario, ya que al visitar un usuario nuestra web no notarán deficiencias en el tiempo de carga.

Notarán que, tanto las imágenes como los demás elementos cargan rápidamente, mostrándoles la información que andaban buscando al momento.

Esto, sumado al supuesto de que los contenidos de tu web sean de gran calidad, hará que quieran permanecer más tiempo en ella y, por qué no, guardarte en favoritos para futuras ocasiones.

4. Aumento de la confianza en tu Marca

Un factor que pocas veces se tiene en cuenta en el sector eCommerce es la imagen de marca que éstas transmiten a los usuarios.

Si te paras a pensar tan sólo un momento, ¿qué impresión te daría una tienda online que, tras más de 20 ó 30 segundos de haber entrado en ella siguiera cargando...?

A mí, sinceramente, me crearía bastante desconfianza navegar por ella. Y ya ni mencionemos qué confianza trasmitiría a un usuario dar sus datos bancarios en un eCommerce que presente este comportamiento.

5 Módulos para reducir el tamaño de las fotos de tu tienda PrestaShop

Teniendo en cuenta la gran cantidad de beneficios que podría traerte optimizar el peso y tamaño de tus elementos visuales, aquí te recomiendo algunos de los mejores módulos que puedes emplear para ayudarte en esta tarea:

1. Módulo Compresor de Imágen con TinyPNG

TinyPNG

Con el addon Tiny PNG podrás reducir de peso tus imágenes, tanto si están en formato JPG como en PNG.

Esto hará que las URL's de tu eCommerce carguen mucho más rápido, gracias a que cada una de ellas pesará bastante menos.

Tus potenciales clientes, por tanto, navegarán mucho más cómodos y confiados por tu negocio, haciendo que aumente su experiencia de usuario.

2. Módulo Cambiar el tamaño de fotos

Módulo CROP image

Como he mencionado anteriormente, subir nuestras imágenes en un tamaño óptimo para que nuestros visitantes puedan visualizarlas correctamente, ayudará al tiempo de carga y, por ende, a mejorar el SEO de nuestro eCommerce.

Así, el módulo "Cambiar el tamaño de las fotos" será un gran aliado, ya que te ayuda a que en pocos minutos puedas tener todos los elementos de tus fichas de producto mostrados en el tamaño perfecto.

¡Olvídate de esas imágenes en miniatura que, al ampliarlas, descubríamos que éstas eran gigantescas!

3. Módulo Ajax-Zoom

Módulo Ajax

Con este módulo conseguirás increíbles efectos en tus imágenes, una vez las hayas subido bien optimizadas, con algunas de las herramientas anteriores.

Con "Ajax-Zoom" podrás conseguir que, tras pasar el ratón del ordenador por encima de cada una de ellas, obtengas un efecto "zoom" muy atractivo, para poder apreciar con mayor exactitud cada detalle.

Ideal para tiendas online de moda, que quieran realzar visualmente sus productos.

4. Módulo Image Cleaner

Image Cleaner

Es muy posible que, tras subir a tu eCommerce las nuevas imágenes optimizadas en peso y tamaño, te estés preguntando:

"Y, ¿qué hago ahora con las fotografías antiguas que tenía ya subidas a mi web?"

Precisamente ésta pregunta la responde a la perfección "Imagen Cleaner", uno de los módulos creados para eliminar las fotos sin uso dentro de tu tienda.

De esta manera, ahorrarás bastante espacio dentro de tu hosting, haciendo que únicamente se muestras los elementos optimizados.

5. Módulo Quick edit product

Quick Edit Product

Si te encuentras en el caso de tener todas las imágenes de tu eCommerce (fichas de productos, blog, etc.) subidas en un tamaño mucho mayor al que posteriormente mostrarás a tus clientes y en un peso también superior, éste es tu módulo.

A través de su completo e intuitivo dashboard, con "Quick Edit Product" podrás editar rápidamente todas las imágenes de tu tienda, en el caso de que decidas optimizarlas todas en peso y dimensiones.

Justo lo que necesitas para ahorrar tiempo y recursos y, además, es compatible con la versión 1.7 de PrestaShop.

3 Herramientas online gratuitas para reducir el tamaño de las fotos de tu tienda

Para conseguir tener todo el material gráfico y visual de tu negocio en unas condiciones técnicas óptimas para ser subidas a la red, podemos ayudarnos de diversas herramientas, como:

► Optimizilla

Optimizilla

Esta herramienta gratuita es capaz de comprimir hasta 20 imágenes, sin perder apenas calidad.

Con Optimizilla podrás arrastrar cómodamente tus fotos y ver en vivo una comparación de la diferencia de calidad entre la original y la conversión realizada.

Así, podrás nivelar la calidad de la nueva imagen, de modo que puedas ir "jugando" con el peso que finalmente obtengas.

► Compress Now

Compress Now

Seguro que, al igual que ocurría con la herramienta anterior para reducir tamaño y peso de las fotos, te gusta tener un control total sobre el nivel de compresión.

En el caso de "Compress Now" también tienes el poder sobre en qué porcentaje reduces el peso de la foto.

Sin embargo, debes tener cuidado, ya que si este nivel es muy elevado, sacrificarás la calidad de la misma y tus usuarios no tendrán la misma percepción sobre ellas.

► Web Photo Resizer

Web Photo Resizer

Web Photo Resizer es una estupenda herramienta online con la que podrás reducir el tamaño de tus fotos en pocos segundos o, si lo prefieres, ampliarla a la anchura y altura deseadas.

Una vez entres en su web, deberás indicar expresamente la anchura y/o altura a la que quieres dejar tu archivo y si quieres rotarla para que se muestre en otra disposición.

Puedes también añadirles bordes de un color determinado si así lo prefieres, para que queden envueltas en un bonito marco.

Además, esta herramienta es un recurso muy útil para adaptar tus contenidos visuales a las redes sociales más importantes donde compartas contenido.

Esto adquiere su importancia en que, como sabes, cada plataforma dará más o menos relevancia a imágenes de mayor o menor tamaño, horizontales o verticales, etc.

Conclusión

Como has podido comprobar, reducir el tamaño de tus fotos, así como bajarles el peso sin perder calidad alguna es posible gracias a esta multitud de herramientas que te recomiendo en este artículo.

Además, implementar estas mejoras en tu tienda online únicamente te traerá ventajas, ya que harás tu eCommerce más ligera, para que aumentes la velocidad de carga y, tanto tus clientes como Google, te vean con buenos ojos.

Y para acabar, aquí hay otros artículos que pueden interesarte:

Imagen principal (Bandera) propiedad de Freepik.

Cada 2 semanas, nuestra newsletter e-commerce

Al enviar este formulario, acepto que PrestaShop S.A utilice los datos que he facilitado para el envío de boletines y ofertas promocionales. Puedes cancelar la suscripción en cualquier momento por medio del enlace que figura en los correos promocionales que recibes. Obtén más información sobre la gestión de tus datos y derechos.

Artículos que pueden interesarte