Formatos de imagen: Gua de

optimizacin
Existen multitud de formatos de imagen para guardar grficos,
fotografas o dibujos: JPEG, PNG, GIF, BMP... Cul es el mejor
para cada caso?

Existen multitud de formatos grficos para

guardar imgenes (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
varios formatos de imagen relevantes, as como varios
programas para optimizarlos.
Los artculos de esta serie son 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 descargar

Antes de empezar, debemos tener ciertos conceptos muy

claros, ya que influyen en cada formato:
Formato con patentes/libre: Un formato
con patentes est ligado a una empresa que posee los
derechos para su utilizacin, pudiendo fijar
unas condiciones para utilizarlo (o restringirlo
totalmente). Al contrario que la anterior, el formato
libre no tiene restricciones y cualquiera puede utilizarlo o
implementarlo en sus productos.
Tamao/Calidad: Los formatos pueden ser ms o menos
eficientes, pero el peso o tamao de la imagen siempre
estar reido con la calidad 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 prdidas

Se les llama formato de imagen 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.
Aunque JPEG es 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.

WEBP

El formato WebP, desarrollado por Google, est basado en el

cdec de video VP8 (WebM). Pretende ser un formato de
imagen que reemplace al conocido JPEG, mejorando su
calidad y reduciendo su tamao, y por consiguiente,
aumentando la velocidad con la que se descargan por Internet.
Tiene una licencia BSD, por lo que casi se puede decir que es
un formato libre.
Informacin | Formato WebP
Descargas | Codecs | Plugin para Photoshop
Extensin | .webp

JPEG 2000
El formato JPEG 2000 fue presentado en el mismo ao por los
mismos autores del formato JPEG(1992), con la intencin de
mejorarlo y sustituirlo.
Como desventaja, las imgenes con este formato resultan
ms difusas que con JPEG. Por otro lado, tiene varias
mejoras como la posibilidad de aadir canales
alfa (transparencias) o incluso, uno muy curioso, en el que se
selecciona una zona para concentrar un nivel de
detalles superior 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. En OpenJPEG se ha

desarrollado una librera open source (licencia BSD) para
adoptar este formato, incluso en productos comerciales.
Informacin | Formato JPEG 2000
Extensin | .jp2 .jpx .j2k

JPEG XR
Este formato, conocido anteriormente como HD 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 2000
Extensin | .jxr .hdp

JPEG
Sin 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 formato JPEG.
En estos formatos de imgenes con prdidas, es posible
establecer un nivel 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 llamados artifacts 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 una calidad 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 un tamao 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 | JPEG
Extensin | .jpg .jpeg .jpe

Imgenes sin prdidas

Los formatos de imgenes 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
con colores slidos o lisos: dibujos, grficas, capturas de
ventanas del sistema operativo, imgenes lineales, etc...

JPEG no es un formato sin prdida, se incluye para comparar

compresin.

BMP
El formato BMP, desarrollado por Microsoft, fue el formato
propio del programa Paint, incluido en Windows. Su
predecesor, el formato PCX tambin fue bastante conocido en
entornos DOS, por incluirse en programas como PC
PaintBrush o Deluxe Paint. Hoy en da, estos formatos son
practicamente histricos y poco prcticos, debido a su gran
tamao.
El formato BMP utilizaba un mtodo de compresin
llamado RLE, el cul comprima informacin idntica
adyacente, cosa que funcionaba bien en imgenes con pocos
colores (o en blanco y negro).
Extensin | .bmp .dib

TIFF
El formato TIFF, muy similar al BMP, mejoraba
sustancialmente por la introduccin de la posibilidad de guardar
imgenes utilizando compresin LZW. Ms adelante, se
aadieron posibilidades de comprimir mediante ZIP o JPEG,
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 | TIFF
Extensin | .tiff .tif

GIF
El formato GIF es 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 que GIF slo 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 | .gif

PNG
PNG es un formato libre, que se cre para reemplazar a GIF.
Cabe destacar, que dentro de PNG existen dos
vertientes: PNG-8 y PNG-24.
La primera de ellas, es la ms similar a GIF, ya que se limita a
8 bits (256 colores como mximo) y est diseado para, al
igual que a GIF, 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-24 se limita a 24 bits, evitando la
disminucin de calidad en fotografas que sufra GIF y
permitiendo canales alfa para 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 para imgenes con
prdidas, llamada JNG (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 | PNG
Extensin | .png

Imgenes animadas
Como comentaba antes, GIF es el formato de imgenes que
permiten animacin ms famoso, aunque no el nico. Existen
dos variantes derivadas de PNG que permiten animacin.

Animaciones: Formato GIF, Formato MNG y Formato 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 vectoriales
Uno 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
requiere interpolacin- 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.

SVG
El formato vectorial ms aceptado es el formato libre SVG,
basado en el lenguaje de etiquetas XML, lo que lo hace muy
fcil de generar y modificar.

Al margen de SVG, existen otros formatos vectoriales,

como EPS (Adobe), WMF (Microsoft), etc. Sin embargo, con la
buena crtica y posibilidades del formato SVG, est
rapidamente reemplazando a los dems.
El formato SWF de Adobe, aunque no sea exactamente una
imagen, utiliza tambin objetos vectoriales.
Informacin | SVG
Descarga | Inkscape, editor vectorial
Extensin | .svg .svgz

Imgenes propietarias
Los programas de diseo grfico suelen contar con un
formato propio, 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

como JPEG o PNG, que son los ms extendidos y soportados.

Imgenes RAW
Existe un ltimo tipo que quiero mencionar, que es el de las
imgenes RAW (en ingls, crudo). Este formato lo utilizan
mucho los fotgrafos porque almacena la
informacin exactamente como 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

imgenes
Ahora que ya sabemos elegir el formato adecuado para
nuestro caso, lo ideal es optimizarla 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 web es una opcin integrada en Adobe
Photoshop que permite optimizar el tamao de nuestra
imagen con la mejor calidad posible.
Save for web permite guardar formatos
como JPG, GIF, PNG-8 y PNG-24 con numerosos parmetros
de ajustes.

Informacin | Adobe Photoshop

RIOT: Radical Image Optimization Tool

Probablemente, la joya ms valiosa de este apartado. RIOT es
una herramienta para realizar optimizaciones de nuestras
imgenes, soportando JPEG, GIF o PNG. Tambin permite
varios parmetros de ajustes.
Por si fuera poco, RIOT permite el uso de optimizadores
externos complementarios
como AdvPNG,OptiPNG o PNGOut. Tambin puede utilizarse
como plugin en varios programas como GIMP,IrfanView u
otros.

Informacin | RIOT (Gratuito)

Save for web (GIMP)

El editor grfico gratuito GIMP no posee una opcin para
guardar para web por defecto, pero existe un plugin para tal fin.
Permite guardar en JPEG, GIF, PNG-8 y PNG-24 y 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)
XnView es un visualizador de imgenes que permite realizar
todo tipo de tareas de edicin grfica, organizacin,
visualizacin de metadatos, etc...
Esta aplicacin incorpora una funcin Exportar muy potente,
donde puedes optimizar y guardar en formatos
como JPEG, GIF, PNG entre otros.

Informacin | XnView (Gratuito)

FastStone Image Viewer

Otra de estas aplicaciones que permiten optimizar imgenes
es FastStone Image Viewer, que en su opcin de Guardar
como... contiene un panel muy simple, pero ms que suficiente
para optimizar imgenes.

Informacin | FastStone Image Viewer (Gratuito)