Manual para bajar tamaño y quitar peso a una imagen

En primer lugar debemos diferenciar entre tamaño y peso, una cosa es redimensionar, escalar una imagen y otra bajar el peso, esto se hace mediante la compresión de la imagen y/o quitando datos (exit) a la imagen, que no es el objeto de este artículo. Ya os digo que si elegimos el tamaño correcto, en función del objetivo, y posteriormente la comprimimos, en la mayoría de los casos habrá bajado una barbaridad con relación a la original, y todo esto sin perder calidad.

Por todos es conocido que el peso o tamaño de una imagen es muy importante de cara al seo de una web, al posicionamiento, más que nada porque si hay algo que importa, es la rapidez de carga de una web, para que una página vaya rápida, no hay que ser muy listo para saber que cuanto más ligera sea, más rápido cargará, y esto último los buscadores lo valoran muchísimo.

Las imágenes que se ponen para acompañar una noticia se deben tener en cuenta, porque a medida que vaya creciendo la página web, necesitará más recursos para cargarla, e inexorablemente se hará más pesada y lenta, de ahí que sea muy conveniente cuidar desde el principio que tipo de imágenes subimos.

Si estamos diciendo que en un blog de noticias es muy importante las imágenes que subimos, no digamos ya, si de lo  que hablamos es de una tienda online, que prácticamente el 80% de su contenido son imágenes, y además de gran tamaño, para que el artículo se aprecie con nitidez, en estos casos , el tamaño y el peso toma mucha importancia, y este es el objeto de este artículo, explicar como redimensionar una imagen.

Aplicaciones online que realicen este proceso hay muchas, nosotros hemos escogido una que llevamos tiempo usando y que es muy sencilla, estamos hablando de Web Resider.

Como redimensionar una imagen

Una vez estamos en la página principal de Web Resider, lo primero que tenemos que hacer es cargar la imagen que vamos a modificar.

recorte de imagen

web resider

Como vemos en la imagen, tenemos un botón de carga

“Seleccionar archivo”, hacemos click y se nos abrirá una ventana de navegación desde la que escogeremos nuestra imagen, la que queremos modificar. A continuación y una vez elegida la imagen, hacemos click en el botón ” upload image” y con esto se cargará nuestra imagen en la web.

Ya hemos cargado la imagen, para este menester hemos utilizado una imagen de un cinturón de caballero de la tienda de bisutería y complementos de moda Cucatu.com

Cinturón de caballero

Cinturón

En la imagen del cinturón, en la parte derecha tenemos la original, con las dimensiones que tiene justo debajo de la imagen.

En la parte izquierda, tenemos la propuesta de la página de optimización según las medidas que hay puestas y que por supuesto podemos cambiar, en este caso las nuevas medidas son 591 px de ancho, que las podéis cambiar o elegir el “alto” e introducir el tamaño deseado. Solo una tamaño, el otro lo poner automático para evitar que se deforme la imagen.

Una vez elegido el tamaño, hacemos clic en el botón “apply changes”  (está justo encima de donde hemos puesto el tamaño), y se aplicarán los cambios.

Vemos en verde el tanto por ciento del tamaño reducido. Una vez aplicados los cambios, hacemos click en “download this image” (bajar esta imagen) y se descargará a nuestro ordenador.

Ya tendremos una imagen redimensionada a nuestro gusto y lista para ser subida a nuestra tienda, en la que además deberemos tener algún programa de compresión de imágenes, para hacer aún más rápida la cargar de nuestra tienda.

También la podríamos comprimir antes de subirla, para esto, utilizamos la web de compresión Comprimir JPEG

Imagen de compresión

Como vemos en la imagen, el mismo cinturón ya escalado, lo hemos vuelto a subir y lo hemos reducido otro 5 %.

Aunque como decimos, si tienes, que debes tener, un compresor de imágenes en la tienda, este paso lo puedes saltar.

2 respuestas para Manual para bajar tamaño y quitar peso a una imagen
  1. Alfons dice:

    La optimización de imágenes es de mucha importancia de cara al SEO y a la experiencia de los usuarios, es sorpréndete la cantidad de webs y tiendas online que te puedes encontrar con imágenes tamaño 640x… de mas de 800kbs… ¡Gracias por el articulo!

Deja un comentario