> Manuales > Formatos de imagen para Web

Veremos de manera resumida los distintos formatos de imágenes que podemos usar en los diversos programas de diseño gráfico actualmente.

Principales formatos de imagen de propósito general

Este tutorial tiene como finalidad ayudar para los lectores el entender algunos de los formatos estándar utilizables entre diversos programas de diseño gráfico, sus características, similitudes y particularidades.

Atención, porque no todos estos formatos los podremos utilizar en páginas web, algo que resulta importante comentar, ya estamos en un medio específico para los desarrolladores. Para aclaración de las personas, de los formatos que vamos a revisar en este artículo, sólo podemos utilizar GIF, JPG y PNG.

GIF, JPG y PNG son los formatos de imagen más tradicionales en la web, aunque existen otros más como Webp para bitmap o SVG para imágenes en formato vectorial.

PNG se introdujo algo más tarde que Gif y JPG. De hecho en el antiguo Internet Explorer 6 este formato no era completamente soportado, pues tenía problemas para mostrar los archivos en PNG con transparencia por canal Alpha, algo que explicaremos más tarde.

Los formatos que aquí trabajaremos son:

Formato BMP

BMP es el formato más usado en aplicaciones Windows y DOS. En la codificación de la imagen no hay compresión y por lo general resultan archivos grandes. Su ventaja es que lo lee cualquier programa que maneje imagen.

Formato Gif

El formato GIF es el formato de archivo que se utiliza habitualmente para mostrar gráficos e imágenes de color indexado en documentos HTML en Internet y otros servicios en línea. GIF es un formato comprimido con LZW diseñado para minimizar el tamaño del archivo y el tiempo de transferencia electrónica. El formato GIF preserva la transparencia en imágenes de color indexado.

Formato PNG

El formato JPEG se utiliza habitualmente para mostrar fotografías y otras imágenes de tono continuo en documentos HTML en Internet y otros servicios en línea. El formato JPEG admite los modos de color CMYK, RGB y Escala de grises pero no admite canales alfa (No preserva la transparencia). A diferencia del formato GIF, JPEG retiene toda la información de color de una imagen RGB pero comprime el tamaño del archivo descartando datos selectivamente.

Formato PNG

El formato PNG es uno de los formatos más interesantes. Aunque su uso no está tan extendido en este momento, cada vez más rápidamente está siendo bien acogido por los desarrolladores de páginas web. Desarrollado como una alternativa sin patente al formato GIF, el formato de gráficos de red portátiles (PNG) se utiliza para una compresión sin pérdidas y para la visualización de imágenes en Internet. A diferencia del formato GIF, PNG admite imágenes de 24 bits y produce transparencia de fondo sin bordes irregulares.

El tema de la transparencia por canal Aplha es especialmente interesante en el formato PNG. El "canal alpha" permite definir el grado de transparencia u opacidad de un color. Sin embargo, algunos navegadores Web no admiten imágenes PNG, o no las soportan del todo bien, es el caso de Internet Explorer 6, que tiene diversos problemas sobre todo con los archivos semitransparentes. El formato PNG admite también imágenes RGB, en 8 bit, de color indexado, opcionalmente en escala de grises y de mapa de bits sin canales alfa. PNG conserva la transparencia en imágenes en escala de grises y RGB, lo que resulta extremadamente útil para utilizarse en Flash, donde PNG es totalmente compatible.

Afortunadamente en la actualidad ya todos los navegadores soportan completamente la transparencia por canal alpha del formato PNG

Formato Tiff

TIFF es un formato flexible de imágenes de mapa de bits que prácticamente admiten todas los programas de pintura, edición de imágenes y diseño de páginas. Admite imágenes CMYK, RGB, Lab, de color indexado y en escala de grises con canales alfa, e imágenes en modo de mapa de bits sin canales alfa. Photoshop puede guardar capas en un archivo TIFF; sin embargo, si abre el archivo en otra aplicación, sólo será visible la imagen acoplada. Photoshop puede guardar también anotaciones, transparencias y datos de pirámide multirresolución en formato TIFF. No es un formato para Internet debido al gran tamaño de los archivos con este formato.

Formato SVG

El formato SVG es extremadamente popular en la actualidad, ya que es el formato estándar que se puede usar para las imágenes vectoriales, que es capaz de abrir cualquier programa de diseño vectorial.

SVG en realidad, aparte de un formato gráfico, es un lenguaje, ya que los archivos SVG son archivos de texto con un código que especifica de manera formal cada uno de los elementos que forman parte del dibujo vectorial.

Puedes encontrar más información de este formato en el manual de SVG.

Otros formatos

En este artículo nos hemos limitado a describir los formatos de imágenes que se pueden usar de manera estándar a lo largo de la mayoría de los programas de diseño gráfico. Estos formatos los podemos entender como estándares, que se pueden usar libremente.

Sin embargo, en el mundo del diseño hay muchos otros formatos y los programas de diseño además suelen introducir diversos tipos de archivo propietario, que son usados principalmente en ese programa. Por ejemplo, Photoshop usa los populares PSD o Affinity Photo usa los archivos AfPhoto.

Conclusión

Quizás haya sido una aburrida descripción esta de los formatos, pero esperamos que útil. Veamos cada formato en el siguiente artículo.

Luis Aceves

Manual