Cuando estás realizando una web adaptada a dispositivos móviles, hay que favorecer el uso de técnicas CSS avanzadas (los navegadores basados en WebKit se prestan más a ello) pero siempre necesitas algunas imágenes con logos, iconos, botones… La mejor técnica siempre es utilizar la “presentación preliminar de imagen” de Fireworks o Photoshop para reducir al máximo la paleta de colores en archivos GIF o PNG.

Otro escenario típico es en el que tenemos una imagen enorme (de más de 1.000 px de ancho) que queremos usar como fondo (background), como por ejemplo en nuestra página de Twitter, pero pesa demasiado y tarda mucho en cargar. También pueden ser fotos con muchos colores en las que no podemos reducir la paleta sin una pérdida muy aparente de la calidad, pero necesitamos reducirlas como sea.

Para todos estos casos, Stoyan Stefanov y Nicole Sullivan, del equipo de Rendimiento Excepcional (Exceptional Performance team) de Yahoo! han creado smush.it!, un proyecto open source de optimización de imagenes online que reúne varias herramientas de procesamiento tales como ImageMagick, pngcrush, optipng, pngrewrite, jpegtran y gifsicle, con las que realiza varios patrones y nos devuelve automáticamente aquella con menor tamaño (generalmente un PNG). Además conserva los metadatos EXIF y de geolocalización de nuestras fotos.

Como cabe esperar, la aplicación es muy rápida y proveen una API gratuita para enviar y recibir desde nuestros scripts mediante simples llamadas GET y respuestas JSON (ideal para AJAX).