Tipos y Formatos de Imagen

Imagen digital.

Una imagen digital es, básicamente, un tipo de imagen que puede ser manipulada mediante un equipo informático. Desde este punto de vista podríamos caracterizar las imágenes digitales porque:

• Pueden proceder de una fuente digital como una cámara o un escáner.

• Se puede mostrar en una pantalla.

• Se pueden procesar con ayuda del software específico.

• Se pueden guardar en cualquier dispositivo de almacenamiento masivo como memorias USB, discos duros, CD o DVD, etc.

• Se pueden imprimir.

Las imágenes digitales las podemos clasificar en dos grupos:

Imágenes de mapa de bits. Son imágenes formadas por pixeles (cada pixel es un pequeño cuadrado que guarda información sobre el color, el brillo, el contraste, etc.).

La profundidad de color o bits por pixel (bpp) es un concepto de la computación gráfica que se refiere a la cantidad de bits de información necesarios para representar el color de un píxel en una imagen digital o en un framebuffer. Debido a la naturaleza del sistema binario de numeración, una profundidad de bits de n implica que cada píxel de la imagen puede tener 2ⁿ posibles valores y por lo tanto, representar 2ⁿ colores distintos.

La resolución de una imagen indica la cantidad de detalles que puede observarse en esta. El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se utiliza para describir cuán nítida (como antónimo de granular) es una imagen de fotografía convencional (o fotografía química). Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual.

Para las imágenes digitales almacenadas como mapa de bits, la convención es describir la resolución de la imagen con dos números enteros, donde el primero es la cantidad de columnas de píxeles (cuántos píxeles tiene la imagen a lo ancho) y el segundo es la cantidad de filas de píxeles (cuántos píxeles tiene la imagen a lo alto).

                           

Imágenes vectoriales. Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.

                         

Tipos de formatos de mapa de bits.

                                                 

    

BMP (Bitmap = Mapa de bits)

• Ha sido muy utilizado porque fue desarrollado para aplicaciones Windows.
• La imagen se forma mediante una parrilla de píxeles.
• El formato BMP no sufre pérdidas de calidad y por tanto resulta adecuado para guardar imágenes que se desean manipular posteriormente.
• Ventaja: Guarda gran cantidad de información de la imagen.
• Inconveniente: El archivo tiene un tamaño muy grande.

GIF (Graphics Interchange Format = Formato de Intercambio Gráfico)

• Ha sido diseñado específicamente para comprimir imágenes digitales.
• Reduce la paleta de colores a 256 colores como máximo (profundidad de color de 8 bits).
• Admite gamas de menor número de colores y esto permite optimizar el tamaño del archivo que contiene la imagen.
• Ventaja: Es un formato idóneo para publicar dibujos en la web.
• Inconveniente: No es recomendable para fotografías de cierta calidad ni originales ya que el color real o verdadero utiliza una paleta de más de 256 colores.

JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos)

• A diferencia del formato GIF, admite una paleta de hasta 16 millones de colores.
• Es el formato más común junto con el GIF para publicar imágenes en la web.
• La compresión JPEG puede suponer cierta pérdida de calidad en la imagen. En la mayoría de los casos esta pérdida se puede asumir porque permite reducir el tamaño del archivo y su visualización es aceptable. Es recomendable utilizar una calidad del 60-90 % del original.
• Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su calidad si se define cierto factor de compresión.
• Las cámaras digitales suelen almacenar directamente las imágenes en formato JPEG con máxima calidad y sin compresión.
• Ventaja: Es ideal para publicar fotografías en la web siempre y cuando se configuren adecuadamente dimensiones y compresión.
• Inconveniente: Si se define un factor de compresión se pierde calidad. Por este motivo no es recomendable para archivar originales.

TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada)

• Almacena imágenes de una calidad excelente.
• Utiliza cualquier profundidad de color de 1 a 32 bits.
• Es el formato ideal para editar o imprimir una imagen.
• Ventaja: Es ideal para archivar archivos originales.
• Inconveniente: Produce archivos muy grandes.

PNG (Portable Network Graphic = Gráfico portable para la red)

• Es un formato de reciente difusión alternativo al GIF.
• Tiene una tasa de compresión superior al formato GIF (+10%)
• Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF.
• Debido a su reciente aparición sólo es soportado en navegadores modernos como IE 4 o superior.

Tipos de formatos de imágenes vectoriales.

                                    

Casi todos conocemos el formato de imagen PDF. Más de uno tendremos alguno guardado en nuestro ordenador y pueden mostrar tanto imágenes rasterizadas como vectoriales. Es un formato universal y se suele pedir en imprentas como archivo final. Es por ello que se recomienda guardar en .pdf antes de llevar a imprimir.

En muchas ocasiones dispondremos de archivos de imagen PDF que son editables. No obstante se recomienda editar fuera de este archivo y usarlo solamente para mostrar documentos, diseños, ilustraciones… o para imprimir.

La extensión de imagen .eps puede incluir tanto vectores como imágenes rasterizadas o mapa de bits. Se recomienda usar este archivo de imagen únicamente para enviar el proyecto a la imprenta o para enviárselo al cliente. Ten en cuenta que para imprimir archivos .eps se debe usar una impresora PostScript. Personalmente recomiendo imprimir en PDF, ya que no todas las imprentas tienen este tipo de impresora.

Quizás el formato de imagen SVG es de los menos conocidos de esta lista. Sin embargo, he creído conveniente añadirlo porque creo que posee muchas ventajas gracias a su flexibilidad.

Este tipo de formato pesa poco y usa un estilo CSS. Para los que no lo sepan, CSS es un lenguaje de programación que se encarga de dar estilo a las webs. Por ejemplo, puede poner los titulares de un determinado color, tamaño o posición.

El formato de imagen AI es propio de Adobe Illustrator y dentro de él podemos crear gráficos vectoriales y editarlos. Una vez creado el diseño a nuestro gusto se debe exportar a otro archivo para su visualización. Si quieres imprimir puedes exportar a .pdf o a .eps. Sin embargo, Illustrator también permite exportar a formatos de imagen rasterizados como .png o .jpeg.

Recomendación de uso de formatos de imagen.

                            

Cuando trabajamos con imágenes, es muy importante elegir bien el formato adecuado. Veamos algunos ejemplos:

Para efectuar una elección adecuada de un formato de imagen, conviene valorar previamente:

• Al publicar fotografías en una página web o al enviarlas por correo electrónico, para que la transferencia no sea excesivamente larga, es muy importante el peso o Kbytes del archivo de imagen. En este caso, es recomendable el uso de formatos que utilicen compresión.

• Para imprimir fotografías, donde el peso del archivo no tiene tanta importancia, se podrán usar otros formatos que ofrezcan más calidad que los utilizados para web. Lo mismo ocurre al hacer fotografías con las cámaras, la elección del formato se hará en función de lo que se desea obtener y de los procesos que desee realizar a posteriori el fotógrafo.

• El contenido de la imagen: foto, dibujo, gráfico, logotipo…

• La calidad que se desea obtener en función de su destino: publicación en la web impresión en impresora doméstica. Impresión profesional,...

• El tamaño que tendrá el archivo resultante.

Formatos recomendados:

• Web, multimedia, correo electrónico, vídeo:

• Fotografias: JPEG
• Dibujos y logotipos: JPEG, GIF, PNG

• Impresión: TIFF, PSD, JPEG

• Fotografía (cámara):

• Aficionado: JPEG
• Profesional o aficionado avanzado: RAW

Fuentes de consulta:

• Beatrizxe. (2016). 11 tipos de extensiones de imágenes y sus características. 4/11/2018, de Beatrizxe Sitio web: https://beatrizxe.com/es/blog/11-tipos-formatos-imagenes-mas-usados.html
• Anónimo. (2017). TIPOS DE FORMATO DE IMÁGENES. 4/11/2018, de Tecnología fácil Sitio web: https://tecnologia-facil.com/que-es/tipos-formato-imagenes/
• Anónimo. (2008). Formatos de imagen. 4/11/2018, de Diseño de materiales multimedia_Web 2.0 Sitio web: http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen0105.html
• Resolución de imagen. (2018, 29 de octubre). Wikipedia, La enciclopedia libre. Fecha de consulta: 18:52, noviembre 5, 2018 desde https://es.wikipedia.org/w/index.php?title=Resoluci%C3%B3n_de_imagen&oldid=111632137.
• Profundidad de color. (2018, 26 de mayo). Wikipedia, La enciclopedia libre. Fecha de consulta: 18:52, noviembre 5, 2018 desde https://es.wikipedia.org/w/index.php?title=Profundidad_de_color&oldid=108180525.

Grupo 4CM4. Equipo 5:

• González Pérez Óscar.
• Martínez González Hemed.
• Ruíz Márquez Vanessa.
• Andrade Jiménez Gilberto.
• Alcántara Mayorga Naomi.
• Sandoval Valderrama Omar.