Edición y redimensión

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.

Editar o redimensionar imágenes online

web resizer

cabecera webresizer

Como ya hemos dicho en muchas ocasiones, el tratamiento de imágenes en la web es muy importante , el que una imagen sea más pequeña, tenga menos peso, esté comprimida, todos estos factores ayudan a que se cargue más rápido nuestra página y por ende, a un mejor posicionamiento web.

Existen multitud de programas, editores de imágenes, para su instalación local o en la nube, online, personalmente prefiero usar la nube siempre que puedo, eso te da más libertad a la hora de trabajar el en cualquier momento puedes necesitar reducir el peso a cualquier imagen, por el motivo que sea, bien para subirla a una web o bien para enviarla por correo, y te da mucha ventaja el poder hacerlo desde cualquier parte.

La aplicación online que siempre suelo usar, por que es muy fácil, a la vez que intuitiva es web resizer, como digo es muy sencilla:

Como veis en la imagen, esta es la primera pantalla que os saldrá cuando ingreséis en web resizer del que os he puesto un enlace arriba, como digo, veis  donde dice: “ Browse”(examinar) haciendo clic ahí, se os abrirá

una nueva ventana para que seleccioneis la imagen de vuestro ordenador, una ver “upload image” o (cargar).

Automáticamente vereis que las dos imágenes, la original y la redimensionada.

Si estáis contentos con el resultado podeis hacer clic en el enlace de descarga o download. (la segunda imagen vereis el enlace en la parte inferior.

web resider

web resider

Si aún no estáis conformes y quereis quitarle más peso, reducir su tamaño, … se puede hacer.

Para ello, si   observáis la imagen última, donde pone ” New size” colocáis la medida que queráis tenga la fotografía, y a la derecha especificáis si la medida que habéis introducido es el ancho o el alto de la  imagen.

Como veis, podeis meter más parametros, desde rotar, la calidad de la imagen, color, saturación, contraste, etc. incluso colocarle un borde.

Una vez hecho y puesto a nuestro gusto, hacemos clic en aplicar cambios (apply changes) y tendremos nuestra imagen deseada. 

resimensión de imágenes

resimensión de imágenes

Hacemos clic en descargar (download this image) y tendremos nuestra flamante imagen descargada en nuestro PC, y dispuesta a enviarla por correo o subirla a nuestra página web, eso sí, con la mitad de peso y/o tamaño.

Si me gusta esta aplicación es por que, como os decía antes, tenemos mucho control sobre lo que estamos haciendo, según vamos introduciendo cambios, isofacto los vemos en la pantalla, con lo que nos ayuda mucho a ver como va el proceso a la vez que nos ahorra mucho tiempo.

Espero con este post, haber ayudado aquellos que necesiten manejar imagenes y no estén muy duchos en programas profesionales. Esta es una solución rápida y sencilla, como lo que pretende esta página, por un lado ayudar a usuarios más avanzados e inquietos y por otro a los  menos, jaja.