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).
