Como comprimir una imagen para Web

Bueno como yo, seguro que hay muchos diseñadores Web, que utilicen desde hace mucho el Photoshop y como no, el famoso guardar para web.

Parece ser que Photoshop mete en el archivo información del mismo que lo único que hace es aumentar el peso de la imagen , con el consiguiente perjuicio para la carga de la Web y por tanto hoy en día nos resta posiciones a la hora de mostrar nuestra Web en los buscadores (vamos en Google)

¿Que debemos hacer para comprimir la imagen para Web?

Yo como diseñadora que soy, la verdad, no me veo utilizando por ahora otro programa que no sea Photoshop, pero la solución que he encontrado es la siguiente:

    1. Buscar un programa de compresión de archivos que cumpla su función bien. Yo en mi caso he elegido el Riot. Te lo puedes descargar desde aquí

      descargaRiotProgramaCompresionImagen

      Descarga Riot, programa de optimización de imágenes

  1. Editar tu imagen con Photoshop. Una vez terminada, dale a Guardar para Web
  2. Guarda tu imagen. Y a continuación ábrela con Riot
    Comparacion entre los dos Programas Riot y Photohop
  3. En la parte inferior de la ventana, elige el tipo de compresión que necesitas. Si seleccionas alta es la que más te va a comprimir la imagen. Fijate en éste punto si pierde calidad la imagen y si no es así, dale al botón guardar.

    Guardar imagen con Riot

    Guardar imagen con Riot

  4. Resultado: Como veis se ha comprimido bastante. Ha pasado de 31Kb a 25Kb.

    Resultado Comparativa

    Resultado Comparativa

 

Te dejo el video tutorial de éste artículo en el siguiente enlace:

 

video-tutorial-guardar-imagen-para-webjpg

Eso es todo, haz éste ejercicio con todas las imágenes de tu Web, y verás como consigues aumentar la velocidad de carga de la Web.

Y tú ¿como comprimes tus imágenes?

hello.cookyourweb

One thought on “Como comprimir una imagen para Web

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *