Cómo comprimir las imágenes de una web
5 media 5 votos

Es importante optimizar adecuadamente las imágenes de tu página web,  encontrar el equilibrio entre una buena calidad de imagen y el peso de la misma.

Esto, como comentamos anteriormente, mejorará el tiempo de carga, el posicionamiento y la experiencia de usuario en tu web.

comprimir imagenes web

 ¿Cuál es el peso correcto de las imágenes de una web?

 

Podríamos decir que entre 20 y 40 K, pero no sería del todo correcto. Por ejemplo, una tienda online:

¿Cuál es el peso correcto de las fotos de producto para una tienda online?

 

El peso de la imagen de un producto en su ficha:

sabates

Aquí para una imagen de 480×320 px el peso es de 43 K.

Pero en la imagen de Zoom (clica sobre la imagen para verla):

sabates

Para una imagen de 1200×80 es de 146 K.

Lo bueno es que solo la web carga los 146 K cuando un usuario solicita ver el Zoom del producto, por lo que no afecta al tiempo de carga.

Y otras tiendas igual suben fotos de máximo detalle de 1200×1200, pudiendo incrementar aún más el peso.

¿Cómo comprimir las imágenes de un blog WordPress?

 

Lo ideal es hacerlo manualmente, pero si quieres hacerlo mediante plugin, te recomiendo el plugin WP SMUSH IT de Yahoo, te optimizará las imágenes de forma automática. Las que hayas subido anteriormente y las futuras.

Herramientas web para reducir el peso de las imágenes

 

Te recomiendo una web que te permite subir una imagen y optimizarla con múltiples opciones.

Cambiar tamaños, bajar la calidad (por tanto peso) de la foto, y por ejemplo comparar la misma foto con 10 niveles de calidad diferentes y descargarte la que te convenza.¡ Y gratis!

http://www.webresizer.com/resizer/ 

Ideal si no tienes conocimientos de herramientas como Photoshop.

 

webresizer

Un ejemplo de optimización

 

Los zapatos de la tienda online que pesaban 43 K. Aquí tienes la imagen optimizada (posiblemente demasiado). Con el mismo tamaño, reducimos a 24 K, un 45 %.

sabates_opt

 

Espero que estas herramientas puedan ayudarte. ¿Conoces otras? ¿te serán de utilidad?

Derecho imágenes: Photaki.es y panellashoes.com

Send this to a friend