Etiqueta: Optimización

Ahora que tenemos una idea de cómo funcionan los formatos más usados de la web sus ventajas y limitaciones, podemos pensar en optimizar las imágenes de nuestra web.

En las últimas semanas, he estado intentando dar una visión sobre diferentes tipos de ficheros de imagen. Desde la ignorancia, pero leyendo bastante, he querido hacer ver que no hay un formato mágico que valga para todo. No todos los formatos son iguales, y para cada problema tenemos una solución más óptima que las demás.

Creo que, a día de hoy, ya disponemos de una base para saber qué estamos tocando y qué formatos elegir para cada tipo de imagen.

Hoy, toca hablar de aplicaciones para optimizar imágenes. Y tenemos de todos los colores, sabores y para todas las plataformas. ¡Vamos a ello!

JPG, o JPEG, es uno de los formatos de imagen más utilizados, sobre todo a nivel web. Existen varios tipos de JPEG. Sin embargo, uno de ellos es el más empleado con mucha diferencia.

El formato jpegque todos conocemos emplea un algoritmo de compresión con pérdida del mismo nombre. Antes de guardar el fichero, el algoritmo JPEG realiza una serie de operaciones sobre la imagen de termina en una pérdida de calidad, y un tamaño de archivo mucho más pequeño. En función de los parámetros que se establezcan para el algoritmo, esta pérdida de calidad será mayor o menor. Cada vez que abres una imagen en un editor y la vuelves a guardar como jpg, hayas hecho cambios o no, el algoritmo de compresión se aplica nuevamente, incrementando la pérdida de calidad sobre la imagen.

Cuando hablamos de optimizar una imagen, u optimizar lo que sea, hablamos de buscar el mejor equilibrio posible entre el resultado que buscamos y el coste que tiene.

Optimizamos todos los días y a todas horas, cuando decimos eso de «Voy a nosédonde, y ya hago noséqué, porque me pilla casi de camino». Ir directamente a “nosédonde” posiblemente sea más rápido que desviarse ligeramente para hacer “noséqué” pero, hacer las dos cosas en ese orden es más rápido que hacerlas de manera separada.

Recientemente escribí, a modo de introducción, sobre los formatos de imagen más empleados en web. Hoy, quiero centrarme en el formato PNG, Portable Network Graphics, que nace en 1996 como una alternativa libre y mejorada al formato GIF.

Para la preparación de la ponencia sobre «optimización de imágenes para la web» en el grupo de meetup de WordPress Pontevedra he juntado bastante más información de la que posiblemente haya sido capaz de transmitir. He creído buena idea pulirla un poco e ir publicandola para completar lo que se haya podido quedar a medias.

En esta primera parte, pongo sobre la mesa, los principales formatos de imagen que se emplean en la web. Son los reyes indiscutibles por su rendimiento y su extensión de uso.