Optimizar imagenes para la web

El peso (tamaño) de las imágenes de un sitio web es determinante para dos aspectos fundamentales: la velocidad de carga de las páginas y el consumo de ancho de banda.

La velocidad de carga de las páginas es un factor cada día más importante, tanto para el posicionamiento de la web, como para la experiencia del usuario, que cada vez es más impaciente. El consumo de ancho de banda también es un factor muy importante, en cuanto a que suele estar directamente relacionado con el coste económico del alojamiento del sitio.

Y aunque generalmente los programas de retoque fotográfico más comunes incorporan ya opciones especiales para guardar imágenes para la web, no todos exprimen al máximo el potencial de eliminar información superflua de una imagen (bueno, el EXIF puede no serlo tanto, dependiendo del sitio) sin que se vea afectada la calidad de la misma.

Yahoo, en sus consejos para optimizar la velocidad de carga de un sitio web, "Yahoo Best Practices for Speeding Up Your Web Site", recomienda una serie de pequeñas aplicaciones en su apartado para optimizar las imágenes.

Son una serie de ordenes de línea comandos que han de aplicarse a las imágenes, una por una, algo tedioso y poco optimo si nuestro sitio web tiene cientos o miles de imágenes.

Por eso he creado un script en Python, img4web.py, que automatiza todo el proceso y procesa todas las imágenes en formatos .png y .jpg que se encuentren en una carpeta.

Es muy sencillo de utilizar y al final del proceso tendremos una nueva carpeta "processed" con todas las imágenes y un resumen del proceso como este:

    ================================================================================  
                                        Summary                                       
    ================================================================================  
             Original            Processed           Save  
 
    .jpgs:   ( 31)  2.12 MiB     ( 31)  1.82 MiB     301.28 KiB  
    .pngs:   ( 10)489.46 KiB     ( 10)368.93 KiB     120.53 KiB  
    --------------------------------------------------------------------------------  
    Total:   ( 41)  2.60 MiB     ( 41)  2.19 MiB     421.81 KiB

El script, las revisiones del código y las instrucciones de como descargarlo y usarlo podéis encontrarlas en mi repositorio.

Funciona tanto en Linux como en Windows, no lo he probado en un Mac.

El código del script, es el siguiente:

Para una versión actualizada del código ir a el fichero fuente.

Enviar un comentario nuevo

Puede usar Markdown para editar el texto, para conocer todas las opciones consulte Consejos para editar texto

© 2010-2011 joe di castro.