Formatos de imagen: Gua de optimizacinExisten multitud de formatos de imagen para guardar grficos, fotografas o dibujos: JPEG, PNG, GIF, BMP... Cul es el mejor para cada caso?Existen multitud deformatos grficospara guardarimgenes(JPG, PNG, GIF, BMP...). Cada uno de ellos tiene sus ventajas e inconvenientes, y dependiendo de una serie de criterios y el uso que se le quiera dar a la imagen, es mejor utilizar uno u otro.En este manual, vamos a ver, desde un punto de vista algo tcnico (pero comprensible) cuales son las caractersticas de variosformatos de imagenrelevantes, as como varios programas para optimizarlos.Losartculos de esta serieson los siguientes: La gua definitiva para optimizar imgenes Formatos de imagen: Gua de optimizacin 12 aplicaciones para optimizar archivos JPG, PNG y GIF Gua de Irfanview: Productividad editando imgenes 32 editores grficos gratuitos para descargarAntes de empezar, debemos tener ciertos conceptos muy claros, ya que influyen en cada formato: Formato con patentes/libre: Un formato conpatentesest ligado a una empresa que posee los derechos para su utilizacin, pudiendo fijar unascondicionespara utilizarlo (o restringirlo totalmente). Al contrario que la anterior, elformato libreno tiene restricciones y cualquiera puede utilizarlo o implementarlo en sus productos. Tamao/Calidad: Los formatos pueden ser ms o menos eficientes, pero el peso otamao de la imagensiempre estar reido con lacalidad de la imgen. Uso del formato: Por ltimo, otro detalle que debemos tener en cuenta es lo extendido que est el formato. Nos puede gustar un formato concreto, pero si no existe software que lo soporte (leer y guardar), tendremos problemas para su uso.Imgenes con prdidasSe les llama formato deimagen con prdidas(lossy) porque estos formatos no guardan toda la informacin que tiene la imagen original, sino que descartan datos que se consideran prescindibles (informacin no interpretable, simplificacin, etc...), lo que lo hace ideal para fotografas o imgenes con muchas texturas y alto nivel de detalles.AunqueJPEGes el formato ms conocido, existen varias alternativas que han intentado mejorar este formato y renovarlo, a la vez de dotarlo de mayor calidad en menos tamao. Es importante remarcar, que algunos de estos formatos sucesores tambin permiten guardar imgenes sin prdidas.

WEBPEl formatoWebP, desarrollado porGoogle, est basado en el cdec de video VP8 (WebM). Pretende ser un formato de imagen que reemplace al conocidoJPEG, mejorando su calidad y reduciendo su tamao, y por consiguiente, aumentando la velocidad con la que se descargan por Internet.Tiene unalicencia BSD, por lo que casi se puede decir que es un formato libre.Informacin |Formato WebPDescargas |Codecs|Plugin para PhotoshopExtensin |.webpJPEG 2000El formatoJPEG 2000fue presentado en el mismo ao por los mismos autores del formatoJPEG(1992), con la intencin de mejorarlo y sustituirlo.Como desventaja, las imgenes con este formato resultan msdifusasque con JPEG. Por otro lado, tiene varias mejoras como la posibilidad de aadircanales alfa(transparencias) o incluso, uno muy curioso, en el que se selecciona una zona para concentrar unnivel de detallessuperior al exterior de esa zona.De los sucesores de JPEG es el ms extendido (an as, ha tenido poco xito), pero tambin ha sido muy criticado y poco aceptado por las patentes adoptadas. EnOpenJPEGse ha desarrollado una librera open source (licencia BSD) para adoptar este formato, incluso en productos comerciales.Informacin |Formato JPEG 2000Extensin |.jp2 .jpx .j2kJPEG XREste formato, conocido anteriormente comoHD Photo, est desarrollado por Microsoft. A pesar de haber sido criticado, al igual que JPEG 2000 por sus patentes, Microsoft lo ha estandarizado en 2010, convirtindolo en un cantidato a sucesor de JPEG.Informacin |Formato JPEG 2000Extensin |.jxr .hdpJPEGSin embargo, todos estos formatos, aunque conviene ir tenindolos en cuenta, an no son soportados por todo tipo de dispositivos y/o aplicaciones, por lo que (de momento) tendremos que optar por el formatoJPEG.En estos formatos de imgenes con prdidas, es posible establecer unnivel de calidad, que en el ejemplo es representado por un porcentaje (a mayor porcentaje, mayor calidad y tamao, y menor compresin).

Se puede ver claramente, a niveles muy altos de compresin, los llamadosartifacts JPEG, adems de la diferencia de tamao en los distintos niveles de calidad.El nivel de calidad deseado depender del uso que le vayamos a dar a nuestra imagen. Por ejemplo: Impresin: Si queremos imprimir nuestra imagen, lo ideal sera unacalidad alta(compresin baja, tamao alto), ya que queremos que los detalles sean perfectamente ntidos. Pgina web: Si queremos colocar una imagen en una pgina web, nos interesar untamao bajo(compresin alta, calidad menor), y por lo tanto, a menos tamao, ms rpido se descargar de Internet.El establecer un nivel de calidad determinado (un 80%, un 90% o un 60%), depender de la opinin subjetiva de la persona que guarde el formato. Por lo general, las aplicaciones vienen con el nivel de calidad predefinido a medio-alto.Informacin |JPEGExtensin |.jpg .jpeg .jpeImgenes sin prdidasLos formatos deimgenes sin prdidas(lossless), al contrario que los anteriores, no descartan informacin, sino que la almacenan y/o comprimen, de forma que siempre ser posible reconstruir (exactamente) la imagen original.Este tipo de formatos no debe utilizarse para fotografas o imgenes con muchas texturas y colores, sino para imgenes concolores slidoso lisos: dibujos, grficas, capturas de ventanas del sistema operativo, imgenes lineales, etc...

JPEG no es un formato sin prdida, se incluye para comparar compresin.BMPEl formatoBMP, desarrollado por Microsoft, fue el formato propio del programaPaint, incluido en Windows. Su predecesor, el formatoPCXtambin fue bastante conocido en entornos DOS, por incluirse en programas comoPC PaintBrushoDeluxe Paint. Hoy en da, estos formatos son practicamente histricos y poco prcticos, debido a su gran tamao.El formatoBMPutilizaba un mtodo de compresin llamadoRLE, el cul comprima informacin idntica adyacente, cosa que funcionaba bien en imgenes con pocos colores (o en blanco y negro).Extensin |.bmp .dibTIFFEl formatoTIFF, muy similar alBMP, mejoraba sustancialmente por la introduccin de la posibilidad de guardar imgenes utilizando compresinLZW. Ms adelante, se aadieron posibilidades de comprimir medianteZIPoJPEG, pero los archivos resultantes daban un tamao muy elevado, razn por la cual dejo de utilizarse tan activamente, y se utiliz como formato para guardar fotografas a alta calidad en discos donde no importa demasiado la capacidad de almacenamiento.Finalmente, se acab delegando a tareas de programas de impresin, debido a su eficiencia con imgenes a grandes resoluciones y en blanco y negro. Fue inicialmente desarrollado por Microsoft, aunque actualmente es propiedad de Adobe.Informacin |TIFFExtensin |.tiff .tifGIFEl formatoGIFes uno de los ms populares en la historia de Internet, desarrollado por CompuServe. Quizs, debido a la posibilidad de soportar animaciones, pero de eso hablaremos ms adelante.Su principal caracterstica es queGIFslo puede tener, como mximo, 256 colores. Esto hace que su tamao sea muy pequeo, aunque su calidad en imgenes como fotografas sea muy pobre. Es ideal para pequeos logotipos, grficos slidos o animaciones. Fue el primer formato en soportar transparencia (especificando el color a convertir en color transparente).Tuvo problemas por temas de patentes (al utilizar LZW para comprimir) lo que aceler el reemplazarlo por el formato PNG, que adems, lo mejoraba considerablemente.Extensin |.gifPNGPNGes un formato libre, que se cre para reemplazar aGIF. Cabe destacar, que dentro de PNG existen dos vertientes:PNG-8yPNG-24.La primera de ellas, es la ms similar aGIF, ya que se limita a 8 bits (256 colores como mximo) y est diseado para, al igual que aGIF, guardar imgenes como logotipos, dibujos o grficos lineales y simples, capturas con colores slidos... de forma que su tamao sea muy ligero (til para Internet).Por otra parte,PNG-24se limita a 24 bits, evitando la disminucin de calidad en fotografas que sufraGIFy permitiendocanales alfapara transparencias (de mucha mejor calidad en sombras, como se puede ver en los crculos de la imagen). Eso s, el tamao del archivo aumenta considerablemente en este segundo caso.Existe una versin derivada de PNG paraimgenes con prdidas, llamadaJNG(JPEG-NG) que aunque cabe mencionarla, no ha sido incluida en el apartado anterior, por no tener muy buen rendimiento en cuanto a tamao/calidad.Informacin |PNGExtensin |.pngImgenes animadasComo comentaba antes,GIFes el formato de imgenes que permiten animacin ms famoso, aunque no el nico. Existen dos variantes derivadas dePNGque permiten animacin.

Animaciones:Formato GIF,Formato MNGyFormato APNG.Las dos estn muy poco extendidas. La primera de ellas,MNG, est ms soportada que la segunda,APNG, la cual es ms eficiente y simplifica mucho su algoritmo.Imgenes vectorialesUno de los problemas que se presentaba en la representacin de imgenes (grficos, logotipos, imgenes basadas en formas geomtricas...) es que, en algunos casos, se necesitaba tener una misma imagen con diferentes resoluciones (mayores o menores).En esos casos, el mtodo al que se recurra era redimensionar la imagen, lo que produca -sobre todo en ampliaciones, que requiereinterpolacin- un desagradable efecto de dientes de sierra (aliasing) o mala calidad en general.

Para evitar esto, se utilizan formatos vectoriales, en los que, se guarda la informacin de los objetos geomtricos (con sus formas, colores, tamaos, etc...), de forma que si queremos cambiar el tamao, es muy sencillo y no pierde calidad.SVGEl formato vectorial ms aceptado es el formato libreSVG, basado en el lenguaje de etiquetas XML, lo que lo hace muy fcil de generar y modificar.Al margen deSVG, existen otros formatos vectoriales, comoEPS(Adobe),WMF(Microsoft), etc. Sin embargo, con la buena crtica y posibilidades del formatoSVG, est rapidamente reemplazando a los dems.El formatoSWFde Adobe, aunque no sea exactamente una imagen, utiliza tambin objetos vectoriales.Informacin |SVGDescarga |Inkscape, editor vectorialExtensin |.svg .svgzImgenes propietariasLos programas de diseo grfico suelen contar con un formatopropio, que incluyen tcnicas como el de vectorizado, junto a otros datos como capas, selecciones, metadatos, e incluso un historial de acciones.Ficheros como.AI(Adobe Illustrator),.CDR(Corel Draw),.PSD(Adobe Photoshop),.PSP(Paint Shop Pro) deberan conservarse siempre como archivos originales para realizar posibles modificaciones en el futuro.Recuerda no asumir nunca que los dems utilizan esa aplicacin (y por lo tanto, son capaces de importar o abrir ese formato desde su programa habitual). Si nuestro objetivo es publicar la imagen, lo mejor es guardarla en un formato comoJPEGoPNG, que son los ms extendidos y soportados.Imgenes RAWExiste un ltimo tipo que quiero mencionar, que es el de las imgenesRAW(en ingls, crudo). Este formato lo utilizan mucho los fotgrafos porque almacena la informacinexactamentecomo la captura el sensor de la cmara, sin ninguna alteracin. Esto es interesante para personas que buscan un alto nivel de nitidez de imagen.Practicamente, cada compaa tiene su propio formato, como por ejemplo.NEF(Nikon),.ORF(Olympus),.X3F(Sigma),.RAW(Panasonic) o.PXN(Logitech), entre otras.Evidentemente, estos archivos ocupan cantidades muy elevadas en disco, lo que hace totalmente imposible (o al menos, desaconsejable) de utilizar para compartir o descargar desde Internet.Aplicaciones para optimizar imgenesAhora que ya sabemos elegir el formato adecuado para nuestro caso, lo ideal esoptimizarla al mximo, para que tenga el menor tamao y la mayor calidad posible. Existen varias utilidades para este tipo de optimizaciones:Save for web (Photoshop)Save for webes una opcin integrada enAdobe Photoshopque permite optimizar el tamao de nuestra imagen con la mejor calidad posible.Save for webpermite guardar formatos comoJPG,GIF,PNG-8yPNG-24con numerosos parmetros de ajustes.

Informacin |Adobe PhotoshopRIOT: Radical Image Optimization ToolProbablemente, la joya ms valiosa de este apartado.RIOTes una herramienta para realizar optimizaciones de nuestras imgenes, soportandoJPEG,GIFoPNG. Tambin permite varios parmetros de ajustes.Por si fuera poco,RIOTpermite el uso de optimizadores externos complementarios comoAdvPNG,OptiPNGoPNGOut. Tambin puede utilizarse como plugin en varios programas comoGIMP,IrfanViewu otros.

Informacin |RIOT(Gratuito)Save for web (GIMP)El editor grfico gratuitoGIMPno posee una opcin para guardar para web por defecto, pero existe un plugin para tal fin.Permite guardar enJPEG,GIF,PNG-8yPNG-24y varios parmetros como calidad, compresin o nmero de colores.

NOTA: Para instalar el plugin en Windows, hay que extraer el contenido del mismo en la rutaC:\usr\local\share\ffmpeg\presets\.gimp-2.6\plug-ins.Informacin |GIMP Save for web(Gratuito)Export (XnView)XnViewes un visualizador de imgenes que permite realizar todo tipo de tareas de edicin grfica, organizacin, visualizacin de metadatos, etc...Esta aplicacin incorpora una funcinExportarmuy potente, donde puedes optimizar y guardar en formatos comoJPEG,GIF,PNGentre otros.

Informacin |XnView(Gratuito)FastStone Image ViewerOtra de estas aplicaciones que permiten optimizar imgenes esFastStone Image Viewer, que en su opcin deGuardar como...contiene un panel muy simple, pero ms que suficiente para optimizar imgenes.

Informacin |FastStone Image Viewer(Gratuito)