Nosotros vamos a ver los formatos orientados a la web.
Pese a que muchos navegadores reconocen distintos formatos, pero solo les vamos a mencionar cuatro esenciales que estén lo suficientemente generalizados y que sean lo suficientemente eficientes para ser usados en las páginas web. Estos cuatro formatos son el JPEG, el GIF, el PNG y JP2. Veamoslos con más detalle:
Formato JPEG o JPG
Este formato fue elaborado por el Joint Photographic Experts Group (Algo así como "Grupo de Expertos Fotográficos Unidos"), de cuyas siglas deriva su nombre. Se trata de un formato abierto, cuyos derechos son libres, y que puede ser usado o implementado en un programa (tanto para reconocerlo como para editarlo o guardar archivos en él) libremente, sin tener que pagar derechos por ello a nadie. El formato JPEG (que suele usar nombres de archivo con las extensiones *.JPEG o *.JPG) nació como una respuesta a las limitaciones de otros formatos, entre ellos el GIF, en cuanto a calidad y tamaño de archivos. JPEG es un formato de compresión con pérdida, esto quiere decir que, al guardar una imagen en este formato, algo de la información que contiene esa imagen se reduce, es decir, esta pierde un poco de calidad, aunque, generalmente, esta pérdida de calidad es imperceptible al ojo humano. Con ello se consigue reducir el tamaño del archivo y, por tanto, mejorar la velocidad de bajada de tus páginas web. Por otro lado, el formato JPEG permite elegir el nivel de compresión que queremos asignar a un archivo, de modo que podamos decidir qué punto deseamos entre una mayor calidad de imagen (y, por tanto, un mayor tamaño de archivo) y una imagen de baja calidad (con un menor tamaño de archivo). El sistema de compresión que usa JPEG se basa en reducir informacion promediandola en las zonas de degradado. A grandes rasgos, esto quiere decir que se calcula el valor de color de algunos pixels en función del color de los pixels que les rodean. Debido a ello, este formato es muy eficiente a la hora de almacenar imágenes que posean muchos degradados y matices de color, mientras que es casi inútil cuando se enfrenta a dibujos con grandes extensiones de colores planos y uniformes o con bordes muy definidos. Para que te hagas una idea de la compresión de JPEG, veamos estos tres ejemplos:
Este formato fue elaborado por el Joint Photographic Experts Group (Algo así como "Grupo de Expertos Fotográficos Unidos"), de cuyas siglas deriva su nombre. Se trata de un formato abierto, cuyos derechos son libres, y que puede ser usado o implementado en un programa (tanto para reconocerlo como para editarlo o guardar archivos en él) libremente, sin tener que pagar derechos por ello a nadie. El formato JPEG (que suele usar nombres de archivo con las extensiones *.JPEG o *.JPG) nació como una respuesta a las limitaciones de otros formatos, entre ellos el GIF, en cuanto a calidad y tamaño de archivos. JPEG es un formato de compresión con pérdida, esto quiere decir que, al guardar una imagen en este formato, algo de la información que contiene esa imagen se reduce, es decir, esta pierde un poco de calidad, aunque, generalmente, esta pérdida de calidad es imperceptible al ojo humano. Con ello se consigue reducir el tamaño del archivo y, por tanto, mejorar la velocidad de bajada de tus páginas web. Por otro lado, el formato JPEG permite elegir el nivel de compresión que queremos asignar a un archivo, de modo que podamos decidir qué punto deseamos entre una mayor calidad de imagen (y, por tanto, un mayor tamaño de archivo) y una imagen de baja calidad (con un menor tamaño de archivo). El sistema de compresión que usa JPEG se basa en reducir informacion promediandola en las zonas de degradado. A grandes rasgos, esto quiere decir que se calcula el valor de color de algunos pixels en función del color de los pixels que les rodean. Debido a ello, este formato es muy eficiente a la hora de almacenar imágenes que posean muchos degradados y matices de color, mientras que es casi inútil cuando se enfrenta a dibujos con grandes extensiones de colores planos y uniformes o con bordes muy definidos. Para que te hagas una idea de la compresión de JPEG, veamos estos tres ejemplos:
JPEG de calidad máxima (40.70 Kb)
JPEG de calidad mínima (2.52 Kb)
Como puedes ver en las dos imágenes, la primera tienes mayor calidad y en la segunda se nota una pérdida de calidad. JPEG permite también guardar los archivos en modo "progresivo", lo que hará que, a la hora de mostrar la imagen por pantalla, se pueda ver (aunque aún no se haya cargado completamente) con menor calidad. Calidad que irá mejorando a medida que se cargue la imagen hasta obtenerla completamente. Para terminar, el formato JPEG permite almacenar en el gráfico algo de información en texto (para, por ejemplo, indicar el autor, copyritght, etc.) y una copia de tamaño reducido de la imagen, para ser usada por programas de visualización o edición. Pero estas son características que no nos sirven a la hora de hacer páginas web y, además, hacen que el archivo final sea mayor, de modo que las evitaremos en nuestras imágenes.
Formato GIF
El formato gráfico GIF debe sus siglas a los vocablos ingleses Graphics Interchange Format, lo que traducido al español es Formato de Intercambio de Gráficos.
Las principales características de este formato gráfico son:
- Formato de mapa de bits.
- Color indexado en una paleta máxima de 256 colores.
- Compresión LZW, sin pérdida, que alcanza tasas 1:4 (hasta un 25% del tamaño original)
Vamos a ver con mayor detenimiento estas características.
Un mapa de bits está formado por los valores de color de los bits que forman la imagen. En realidad se trata de una matriz bidimensional donde cada elemento se representa por su valor de color. Estos valores de color tienen su traducción en la paleta de colores que acompaña a ese gráfico, lo cual enlaza directamente con el siguiente concepto: ¿qué es la paleta de colores?
Como ya hemos explicado, el formato GIF utiliza un sistema de color indexado en una paleta que puede soportar un máximo de 256 colores. Estos colores se representan en el sistema RBG (Red, Green, Blue = Rojo, Verde, Azul).
Formato PNG
Como respuesta a los problemas del formato GIF (fundamentalmente los legales, pero también los técnicos), se inició un proyecto a través de Internet para crear un sustituto. El resultado de ese proyecto fué el formato PNG.
Las siglas PNG significan Portable Network Format (Formato Portable para Redes, aproximadamente), y es el más joven de los tres que tenemos aquí. Precisamente, esta "juventud" es su primer y mayor defecto: PNG es completamente irreconocible por navegadores antiguos.
Por otro lado, PNG tiene una serie de característica que lo hacen realmente atractivo. Para empezar es un formato totalmente libre, de modo que cualquiera puede implementarlo en sus programas o usarlo libremente del modo que prefiera sin pagar derechos a nadie.
En cuanto a sus capacidades gráficas no está nada mal: Soporta una profundidad de color máxima de 24 bits (16.7 millones de colores), usa un sistema de compresión sin pérdida denominado LZ77 que permite reducir el tamaño de los archivos sin reducir su calidad y, si eso no es suficiente y crees que te va a sobrar alguno de los 16 millones de colores, puedes reducir la profundidad para así reducir más el tamaño de los ficheros.
PNG puede además guardarse en modo entrelazado, tal como vimos en GIF y JPEG, y ya hay disponibles versiones del formmato con transparencias (incluso con la posibilidad de asignar diversos grados de transparencia).
El único punto donde aún es superado por GIF es en la posibilidad de contener animaciones, y existe un proyecto en marcha para crear una versión de PNG animada, llamada MNG.
En definitiva: No parece que aún sea el momento ideal para abandonar todos tus GIFs y pasarte al PNG. A PNG aún le queda algo de camino por delante, pero sus versiones más básicas ya son soportadas por los principales navegadores, y parece que le espera un futuro muy prometedor.
JPEG 2000 puede trabajar con niveles de compresión mayores a los de JPEG sin incurrir en los principales defectos del formato anterior con altas tasas de compresión: Generación de bloques uniformes y aspecto borroso. También se adapta mejor a la carga progresiva de las imágenes. Sus principales desventajas están en que tiende a emborronar más la imagen que JPEG incluso para un mismo tamaño de archivo (pero sin formar bloques), y que elimina algunos detalles pequeños y texturas, que el formato JPEG normal sí llega a representar.
Parte de JPEG 2000 ha sido publicada como una norma ISO, ISO/IEC 15444-1:2000. Actualmente JPEG 2000 no está ampliamente admitido por los programas de visualización de páginas web. En algunos navegadores, los diseñadores no tienen intención de incluirlo debido a su escaso uso y gran número de patentes que tiene. De todas formas, existen muchas extensiones que dan soporte, que opcionalmente pueden ser instaladas por el usuario. Un navegador con soporte para este formato es Konqueror.
Formato GIF
El formato gráfico GIF debe sus siglas a los vocablos ingleses Graphics Interchange Format, lo que traducido al español es Formato de Intercambio de Gráficos.
Las principales características de este formato gráfico son:
- Formato de mapa de bits.
- Color indexado en una paleta máxima de 256 colores.
- Compresión LZW, sin pérdida, que alcanza tasas 1:4 (hasta un 25% del tamaño original)
Vamos a ver con mayor detenimiento estas características.
Un mapa de bits está formado por los valores de color de los bits que forman la imagen. En realidad se trata de una matriz bidimensional donde cada elemento se representa por su valor de color. Estos valores de color tienen su traducción en la paleta de colores que acompaña a ese gráfico, lo cual enlaza directamente con el siguiente concepto: ¿qué es la paleta de colores?
Como ya hemos explicado, el formato GIF utiliza un sistema de color indexado en una paleta que puede soportar un máximo de 256 colores. Estos colores se representan en el sistema RBG (Red, Green, Blue = Rojo, Verde, Azul).
Formato PNG
Como respuesta a los problemas del formato GIF (fundamentalmente los legales, pero también los técnicos), se inició un proyecto a través de Internet para crear un sustituto. El resultado de ese proyecto fué el formato PNG.
Las siglas PNG significan Portable Network Format (Formato Portable para Redes, aproximadamente), y es el más joven de los tres que tenemos aquí. Precisamente, esta "juventud" es su primer y mayor defecto: PNG es completamente irreconocible por navegadores antiguos.
Por otro lado, PNG tiene una serie de característica que lo hacen realmente atractivo. Para empezar es un formato totalmente libre, de modo que cualquiera puede implementarlo en sus programas o usarlo libremente del modo que prefiera sin pagar derechos a nadie.
En cuanto a sus capacidades gráficas no está nada mal: Soporta una profundidad de color máxima de 24 bits (16.7 millones de colores), usa un sistema de compresión sin pérdida denominado LZ77 que permite reducir el tamaño de los archivos sin reducir su calidad y, si eso no es suficiente y crees que te va a sobrar alguno de los 16 millones de colores, puedes reducir la profundidad para así reducir más el tamaño de los ficheros.
PNG puede además guardarse en modo entrelazado, tal como vimos en GIF y JPEG, y ya hay disponibles versiones del formmato con transparencias (incluso con la posibilidad de asignar diversos grados de transparencia).
El único punto donde aún es superado por GIF es en la posibilidad de contener animaciones, y existe un proyecto en marcha para crear una versión de PNG animada, llamada MNG.
En definitiva: No parece que aún sea el momento ideal para abandonar todos tus GIFs y pasarte al PNG. A PNG aún le queda algo de camino por delante, pero sus versiones más básicas ya son soportadas por los principales navegadores, y parece que le espera un futuro muy prometedor.
JPEG 2000 es una norma de compresión de imágenes basada en transformación de ondas. Fue creada por el comité Joint Photographic Experts Group que anteriormente había creado el algoritmo JPEG. Su objetivo fue el de mejorar el algoritmo JPEG, basándose en una transformación discreta del coseno. Usualmente los archivos con este formato utilizan la extensión .jp2.
JPEG 2000 puede trabajar con niveles de compresión mayores a los de JPEG sin incurrir en los principales defectos del formato anterior con altas tasas de compresión: Generación de bloques uniformes y aspecto borroso. También se adapta mejor a la carga progresiva de las imágenes. Sus principales desventajas están en que tiende a emborronar más la imagen que JPEG incluso para un mismo tamaño de archivo (pero sin formar bloques), y que elimina algunos detalles pequeños y texturas, que el formato JPEG normal sí llega a representar.
Parte de JPEG 2000 ha sido publicada como una norma ISO, ISO/IEC 15444-1:2000. Actualmente JPEG 2000 no está ampliamente admitido por los programas de visualización de páginas web. En algunos navegadores, los diseñadores no tienen intención de incluirlo debido a su escaso uso y gran número de patentes que tiene. De todas formas, existen muchas extensiones que dan soporte, que opcionalmente pueden ser instaladas por el usuario. Un navegador con soporte para este formato es Konqueror.
Do you like this article? Share It!
0
comentarios to "Formatos de Imágenes Para la Web "
Publicar un comentario