La velocidad de carga de las webs es importante para que la experiencia de los usuarios sea satisfactoria. Una forma de conseguirlo: optimizar las imágenes.

Esta velocidad es un aspecto muy importante, por diversas razones. Por un lado, es el primer contacto que los usuarios tienen con nuestra web, y una carga lenta de la página puede resultar bastante molesto. Por otra parte, la velocidad de las páginas es un factor importante en el motor de búsqueda de Google, que permite posicionar la página en mejores lugares. Por tanto, es importante mejorar la velocidad de las páginas web.

Se pueden utilizar muchos métodos para conseguirlo, pero una forma sencilla, al alcance de cualquier usuario, es optimizar las imágenes que contiene la web para que sean más ligeras y nuestra web se cargue más rápidamente. Para hacerlo podemos utilizar un programa gratuito: RIOT. Se trata de una herramienta que comprime las imágenes manteniendo la máxima calidad posible.

Hay dos formatos de imagen más utilizados en la web: PNG y JPEG. Las imágenes JPEG ya cuentan con una buena compresión, por lo que no se ganaría demasiado optimizándolas. En cambio, en el formato PNG si podemos realizar una buena tarea de optimización.

Para optimizar las imágenes que utilizamos en nuestra web con RIOT, hay que seguir los siguientes pasos:

En primer lugar, tenemos que modificar las configuraciones que aparecen en la pestaña PNG. Tenemos que seleccionar Optimal 256 Colors Palette de la sección Color reduction; activar Best compresión (slow) y NeuQuant neural-net (slow); y por último, PNGout Xtreme (very slow) de la sección External optimizers. En la siguiente imagen aparece la configuración correcta.

Después tenemos que hacer clic sobre el icono Batch y se abrirá una nueva ventana en la que tendremos que añadir las imágenes que queremos optimizar. A continuación, elegimos la carpeta de destino de las nuevas imágenes, y ejecutamos el botón Start. En unos momentos tendremos las imágenes optimizadas listas para subir al servidor de nuestra web.

De esta forma reduciremos el tamaño de las imágenes PNG sin que se aprecie en la calidad.

Fuente Malavida blog