Un problema común que tenemos los diseñadores web es la optimización de imágenes para web sin que pierdan mucha calidad, los editores de imágenes actuales como Photoshop ofrecen herramientas básicas para realizar esta tarea, lo cierto es que de los tres tipos de imágenes más utilizados en paginas web (JPG, GIF y PNG) el que mejor formato por calidad y flexibilidad es el PNG ya que es un formato que conserva muy bien la calidad de las imágenes y permite el uso de areas transparentes o en otras palabras el uso del canal alfa.

Por otro lado el JPG considerado el mejor formato de imagen por su excelente sistema de compresión sin perder calidad, no permite transparencia lo que le resta flexibilidad, y por último el GIF un formato que parecía haberse olvidado y que últimamente ha empezado a utilizarse mucho como una alternativa sencilla y creativa al “odiado” flash, ya que permite realizar animaciones y una compresión atractiva de imágenes, su gran problema es la perdida de calidad por los limitados canales de color que utilizan.

Bueno para bajarle a todo el palabrerío el fin de este post es compartir con ustedes una pequeña serie de aplicaciones para comprimir imágenes PNG, que como ya dijimos en Web es el rey, por su calidad y flexibilidad, son tres aplicaciones dos de ellas ofrecen plugins para integrar con Photoshop, una ofrece una versión de escritorio y una tercera ofrece una versión web, he probado las tres y los resultados no me los esperaba, se las presentare en orden de calidad.

Aplicaciones para comprimir imágenes PNG

TinyPNG

En mi opinión la mejor de las tres, TinyPNG es una aplicación web que te permite comprimir a su limite máximo los archivos PNG, en la imagen bajo estas lineas pueden ver el resultado que obtuvimos al comprimir una imagen PNG con transparencia de 400×320 pixeles y de un peso de 205kb, el resultado fue una imagen prácticamente sin perdida de calidad con las mismas dimensiones pero con un peso de 50kb, el 73% de compresión.

optimización de imágenes para web png

El servicio de TinyPNG en Web es gratuito aunque también ofrecen un plugin para Photoshop con las mismas capacidades pero tiene un costo de $40 dólares, ahi es donde toca poner sobre la mesa si es necesario o no la inversión a cambio de ahorrarse unos minutos subiendo y descargando imágenes de TinyPNG.

Enlace: TinyPNG

ImageOptim

ImageOptim es una aplicación de escritorio disponible para Mac y PC, muy sencilla de utilizas y gratuita aunque no tan buena como la anterior, ImageOptim en nuestras pruebas de compresión utilizando la misma imagen logro comprimir la imagen de 205kb a tan solo 185kb apenas un 10% de compresión total sin perdida de calidad.

Aplicaciones para comprimir imágenes PNG, imageoptim

Enlace: ImageOptim

SuperPNG

Por último SuperPNG, desafortunadamente no pudimos poner a prueba esta última opción la razón es que la aplicación aun no ofrece soporte para nuestra versión de Photoshop (CC 2014), en este caso SuperPNG ofrece versiones para Windows y Mac de su plugin para Photoshop, lo malo es que esta plugin solo soporta hasta Photoshop CS3 si alguien lo ha probado y desea compartir sus resultados se lo agradeceríamos mucho.

superpng

Enlace: SuperPNG

Conclusión

La conclusión es mas que obvia, TinyPNG es la mejor opción para comprimir imágenes PNG y obtener imágenes optimizadas para web.