8 optimizadores de imágenes para web

Continuando con la serie de optimización de sitios webs, hoy voy a escribir un bonus pack mientras sale la tercera entrega prometida.

Por mucho que optimicemos nuestros servidores, si nuestras imágenes no están optimizadas para la web, estamaremos desperdiciando espacio en disco, tráfico y por supuesto esto afectará a la velocidad de descarga de la página. La mayoría de los diseñadores/programadores web se limitan a utilizar la opción de Guardar para Web del Photoshop; lo cierto es que existen muchas soluciones gratuitas de optimización de imágenes que ofrecen mejores resultados que el Photoshop. Hoy comentaré y compararé 8 de estas herramientas utilizando el logo de e24presenter y veremos la compresión sin pérdida de calidad que se obtiene con cada optimizador de las herramientas. En la comparación no haré mención del tiempo de procesamiento de cada optimizador puesto que por muy lentas que sean siempre valdrá la pena esperar.

Logo e24Presenter (PNG - 15.26KB)

Smushit

Smushit viene incluido con la herramienta de optimización web de Yahoo! YSlow. También está disponible como herramienta de optimización de imágenes online donde podremos comprimir hasta 5 imágenes a la vez.

Imagen Optimizada: 13.38KB Compresión: 1.88KB (12.30%)

Google Page Speed

Google Page Seepd es un plugin para Firebug la popular extensión de Firefox para desarrolladores web. Un de las muchas recomendaciones que nos da esta herramienta es la optimización de nuestras imágenes, y lo hace ofreciéndonos una versión optimizada de las imágenes con problemas de optimización.

Imagen Optimizada: 13.46kb Compresión: 1.80KB (12.1%)

OptiPNG

OptiPNG es una herramienta de línea de comandos multiplataforma y de código abierto. Convierte también archivos .bmp, .gif, .pnm y .tiff. Como es normal en estas herramientas de línea de comandos, suelen tener muchas opciones, por lo que os invito a visitar su documentación. El comando para obtener la máxima compresión es este:

1

optipng -o7 image.png (Es la letra o, no número cero)

Imagen Optimizada: 13.40kb Compresión: 1.86KB (12.20%)

Mas información: http://optipng.sourceforge.net/
Descarga: Descargar

PngCrush

PngCrush es un potente optimazor de png. Es una herramienta de línea de comandos de código abierto y multiplataforma. PngCrush es uno de los compresores de png más recomendados, al igual que OptiPNG tiene muchísimas opciones, el comando para obtener la compresión png óptima es:

1

pngcrush -brute img-original.png img-optimizada.png

La opción brute prueba 126 algoritmos de optimización diferente.

Imagen Optimizada: 13.40kb Compresión: 1.86KB (12.20%)

Mas información: http://pmt.sourceforge.net/pngcrush/
Descarga: Descargar

AdvanceCOMP

AdvanceCOMP es un conjunto de herramientas de línea de comandos de código abierto y multiplataforma, principalmente para optimización de video e imágenes. Una de sus herramientas es advpng, para la optimización de png. También tiene inummerables opciones, el comando para obtener la compresión png óptima es:

1

advpng -z4 img-original.png

Imagen Optimizada: 13.20kb Compresión: 2.26KB (14.8%)

Mas información: http://advancemame.sourceforge.net/
Descarga: Descargar

PNGOUT

PNGOUTWin es una herramienta de optimización de PNG para Windows. Además permite convertir de PNG a .tiff, .gif, .bmp entre otros formatos. La herramienta es de pago pero tiene una versión de prueba por 30 días, tiempo más que suficiente para optimizar todas las imágenes de nuestro sitio. Al ser una aplicación con interfaz gráfica, su uso es muy fácil e intuitivo, vasta con arrastrar y soltar sobre la ventana las imágenes que deseamos optimizar y automáticamente obtenemos la versión optimizada.

Imagen Optimizada: 14.10kb Compresión: 1.16KB (7.6%)

Mas información: http://www.ardfry.com/pngoutwin/
Descarga: Descargar

PunyPng

Punypng es una herramienta online gratuita basada en varios algoritmos de compresión de imágenes de código abierto. Según sus autores, es una herramienta hecha por diseñadores para diseñadores, de ahí su calidad y eficiencia. El servicio soporta también los formatos.png, y .gif. En el caso de la compresión Jpeg determina qué formato es el óptimo sin perder calidad y devuelve jpg o png según sea el caso. La web permite comprimir hasta 50 imágenes en una misma sesión y pueden descargarse todas a la vez en un zip.

Imagen Optimizada: 13.15kb Compresión: 2.11KB (14.0%)

Más información: http://www.gracepointafterfive.com

ImageOptim

ImageOptim es una herramienta de código abierto para Mac OS X. En realidad es una interfaz gráfica para otra serie de herramientas alguna de ellas ya descritas en este post: AdvPNG de AdvanceCOMP, OptiPNG, PngCrush, JpegOptim, jpegtran de libjpeg, Gifsicle y opcionalmente PNGOUT. Para utilizarla solo tenemos que arrastrar y soltar los archivos encima de la ventana o mediante línea de comando

1

open -a ImageOptim.app *.png

Imagen Optimizada: 14.00kb Compresión: 1.26KB (8.3%)

Más información: http://pornel.net/imageoptim/en
Descarga: ImageOptim 1.2.2 Mac OS X Leopard y ImageOptim 1.0.10 Tiger

Resumiendo:

Soy Alfredo Artiles, Co-Fundador de equipo24, e24Presenter y e24Apps. Mi pasión es el AJAX, SEO, SEM y emprender todo lo que se me ponga por delante. Si me necesitas estoy 24x7 en Twitter @aartiles24.

• Optimización de imágenes para la web
• Imágenes para webmasters (II)
• Crea una Galería de Imágenes con Flash
• Almacena, comparte imágenes y vídeos con TinyPic