info@sketchupmadrid.com

Blog SketchUp Madrid

Cursos Online
Curso PhotoShop
11 Sep 2018

Los tipos de archivo de imágenes más importantes

Los tipos de archivo de imágenes más importantes

A la hora de dar salida o guardar nuestros documentos debemos tener en cuenta el formato que tendrán nuestras imágenes. Para ello es muy importante saber el destino de éstas y la planificación de nuestro trabajo.

Te explicaré las diferencias entre imágenes vectoriales, las rasterizadas (o mapa de bits), entre los modos de color CMYK y RGB, los tipos de compresión de las imágenes (LOSSY y LOSSLESS) y por último  una pequeña lista de los tipos de extensiones de imágenes más usadas y sus características.

Tipos de imágenes digitales

Existen dos tipos de imágenes digitales y cada uno de ellos tiene unas características bien diferenciadas:

  • Los Mapas de Bitstambién llamados imágenes raster o rasterizadas. Este tipo de imagen digital es el más usado. Casi todas (por no decir todas) las imágenes que nos descargamos de internet están en este formato.Las imágenes en mapa de bits están formadas por píxeles. A cada píxel se le asigna un color. Es por ello, que a mayor resolución, mayor calidad tendrá la imagen. Pongo un ejemplo para que quede todo más claro. Supongamos que tengo una imagen de 750 x 420 px. Esto quiere decir, que la imagen tendrá 750 píxeles verticales y 420 horizontales.El mayor problema de las imágenes en Mapa de Bits es el pixelado que se produce al agrandarlas, ya que el editor de imágenes se “inventa” los píxeles que se añaden.Este tipo de imagen digital se suele usar en fotografías, ilustraciones digitales o gráficos para web. En definitiva, se usan cuando se quiere obtener una gran calidad del detalle.El editor más conocido para las imágenes en Mapa de Bits es Photoshop
  • Las imágenes vectoriales no están formadas por píxeles, por lo que son independientes de la resolución. Esto quiere decir que al agrandar o menguar la imagen no se producirá un pixelado.Los gráficos vectoriales están formados por los llamados puntos de control que poseen curvas entre ellos y que son definidas gracias a una fórmula matemática que el editor de imágenes se encarga de calcular.Los vectores son muy utilizados en gráficos de baja complejidad como logotipos, iconos, composiciones tipográficas… Los programas más usados para crear y modificar los gráficos vectoriales son Adobe illustrator y Corel Draw.

Cabe mencionar que una imagen vectorial puede ser convertida a mapa de bits de forma fácil pero es mucho más difícil convertir una imagen en mapa de bits a vectores (sobretodo si tratamos de hacerlo de forma automática). Es muy complicado obtener la calidad de una imagen rasterizada en vectores, siempre se pierden detalles.


Modos de color: RGB y CMYK

Dentro de los formatos de imágenes digitales existen los modos de color que en definitiva describen los colores que poseerá cada píxel. Dentro de los modos de color encontramos unos cuantos que son los más comunes, predominando los modos RGB y CMYK:

  • El modo de color monocromático. La imagen se formará por píxeles blancos y negros puros. No se incluyen tonalidades intermedias (grises) ni colores.
  • El modo escala de grises. La imagen tienes tonos blancos, negros y grises de hasta 256 tonos. No hay color.
  • El modo HSB. Estas siglas significan Hue (Tono), Saturation (Saturación) y Brightness (Brillo). En este modo, cada color surge de los valores de esos tres parámetros. Se maneja una paleta de colores de 24 bits.
  • El modo de color RGB. Este modo funciona por síntesis aditiva. Esto significar que mediante la suma de los 3 colores primarios de luces que son Red (rojo), Green (verde) y Blue (azul) podemos representar cualquier color.El color RGB es el que usamos en pantallas como en el ordenador, el móvil… Es por ello, que conviene usar este modo de color cuando queremos subir proyectos de diseño, ilustración, fotografía… a internet.
  • El modo de color CMYK. Al contrario que el modo de color RGB, el modo CMYK funciona por sustracción. Es decir, el color se consigue a través de la diferentes luminosidades de cada tono.Las siglas significan Cyan, Magenta, Yellow (Amarillo) y Key (Black – Negro). Estos son cuatro colores o tintas que se usan para imprimir. Al mezclar estos cuatro colores podemos lograr cualquier color dentro del espectro visible.

Es conveniente crear las imágenes que vayamos a llevar posteriormente a una imprenta usando este modo de color. Esto se debe a que los colores pueden cambiar una vez impresos y es mejor evitar sorpresas.


Tipos de formatos de imágenes rasterizadas (Mapas de Bits)

Después de hablar sobre la diferencia entre Mapa de Bits y vector ha llegado la hora de hacer una pequeña lista con las extensiones de imágenes más usadas en cada uno de estos campos.

Voy a empezar enumerando los tipos de formatos de imágenes rasterizadas (Mapas de Bits)más comunes:

Formato de imagen JPEG / JPG

La extensión de imagen .jpg o .jpeg es de lo más usados, sobretodo en internet, en fotografías o en gráficos web. Es un formato de imagen con pérdidas y pesa poco aunque en resoluciones pequeñas puede aumentar notablemente su pixelación.

Se recomienda usar el formato de imagen JPEG o JPG para imprimir archivos en alta resolución (pero con una baja compresión para evitar demasiadas pérdidas). También puedes usarlo para enviar una miniatura o vista previa de tu trabajo a un cliente por email. Así protegerás tu imagen y evitarás que pueda robarla sin haber recibido antes tu pago.

Se trata de un formato con perdida, cuando guardamos una imagen el algoritmo hace un rastreo de cada línea de píxeles y toma decisiones al respecto. Hay que tener en cuenta que aunque le digamos ‘máxima calidad’ al guardar un jpeg estamos igualmente teniendo pérdida. na pérdida muy pequeña y que en la mayoría de ocasiones no vamos a diferenciar por mucho que nos esforcemos. Es decir, se puede guardar para imprenta en JPEG a máxima resolución y nuestras fotos se imprimirán sin problemas.

La extensión de imagen .gif

El formato de imagen GIF es sin pérdidas y se usa casi exclusivamente para web ya que permite crear pequeñas animaciones. Últimamente ha adquirido gran popularidad gracias a los memes.

A pesar de que Gif es un formato de imagen sin pérdidas, se puede guardar en un formato reducido para menguar su tamaño.

Se recomienda usar el formato de imagen GIF para animaciones web como banners, memes o iconos. Cabe mencionar que puedes guardarlo con un fondo transparente. Si quieres aprender a crear gif con photoshop puedes ver este sencillo tutorial.

No obstante no se recomienda usar gif para fotografías de alta calidad ni para imprimir, ya que solo tiene 256 colores.

El formato de intercambio de gráficos (GIF) es el formato de archivo que se utiliza habitualmente para mostrar gráficos e imágenes de color indexado en documentos HTML a través de la Web 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; sin embargo, no admite canales alfa.

Formato de imagen PNG

El formato de imagen PNG es uno de los mejores a mi juicio. Es sin pérdidas y puedes añadir una transparencia con degradado al fondo (GIF solo permite una transparencia pura). Es muy común actualmente. Es ideal para gráficos web como iconos y funcionan muy bien con una paleta de color reducida.

Con PNG también puedes guardar fotografías con una calidad alta, no obstante se recomienda usar .jpeg para esto porque con .png el tamaño será mucho mayor.

Desarrollado como una alternativa de patente gratuita 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; sin embargo, algunos navegadores Web no admiten imágenes PNG. El formato PNG admite imágenes RGB, de color indexado, en escala de grises y de mapa de bits sin canales alfa. PNG mantiene la transparencia en imágenes en escala de grises y RGB.

La extensión de imagen .tiff / .tif

Empleados para almacenar imágenes de alta resolución. Lo más importante de este formato es que es un formato sin pérdida. Es decir, que podemos abrir y cerrar el documento, guardarlo tantas veces como queramos que permanecerá inalterable. También pueden comprimirse empleando varios algoritmos distintos sin perder calidad. Otra ventaja de este formato es su implantación. Y es que los ficheros TIFF pueden ser manipulados prácticamente por cualquier aplicación de edición fotográfica o diseño del mercado. Actualmente, pueden almacenarse además con capas, no es necesario utilizar el formato PSD para ello.

El archivo de imagen TIFF o TIFF es sin pérdidas y ofrece mucha calidad a las fotografías, aunque suele ser bastante pesado. También puedes usarlo para escanear en alta calidad. Sin embargo, no se recomienda en gráficos web, ya que la extensión de imagen .tiff o .tif está optimizada para imprimir.

El formato de imagen RAW

Es un formato de archivo flexible utilizado en la transferencia de imágenes entre aplicaciones y plataformas de ordenador. Este formato admite imágenes CMYK, RGB y en escala de grises con canales alfa, así como imágenes multicanal y Lab sin canales alfa. El formato Raw consta de un flujo de bytes que describe la información sobre el color de la imagen. Cada píxel se describe en formato binario, en donde el 0 representa el negro y el 255 el blanco (para imágenes con canales de 16 bits, el valor de blanco es 65535). El parámetro de cabecera especifica cuántos bytes de información aparecerán en el archivo antes de que comience la información real de la imagen. Este valor determina el número de ceros insertados al principio del archivo como marcadores de posición. Por defecto, no hay cabecera (tamaño de cabecera = 0). Puede guardar la imagen en formato intercalado o sin intercalar. Si opta por el formato intercalado, los valores de color (rojo, verde y azul, por ejemplo) se almacenan de manera secuencial. La elección dependerá de los requisitos de la aplicación con la que se abrirá el archivo.

El formato de imagen RAW es totalmente diferente a los vistos anteriormente. Se trata de archivos “no procesados” que se obtienen directamente desde una cámara (por lo general una cámara de fotos profesional) o de un sensor de escaner. Normalmente, las imágenes (como .jpg o .png) son procesadas ya que se les ajusta el color, la exposición…

Las imágenes RAW, por el contrario, almacenan los datos no procesados y los procesados en dos archivos totalmente independientes. Así, puedes editar la imagen sin tener miedo de las pérdidas o de “destruir” la original.

Por lo tanto, la extensión de imagen .raw se usa mucho en fotografía profesional para editar las imágenes. Se recomienda convertir a cualquier otro archivo una vez hayamos terminado de editar ya que es un archivo muy pesado. Así, si queremos subir la imagen a internet, se recomienda hacerlo en .jpg.

El formato de imagen BMP

El formato de imagen BMP es un archivo de mapa de bits, sin pérdidas y que fue desarrollado para Windows. Es por ello que guarda una gran cantidad de información y eso lo convierte en un archivo bastante pesado.

Sin embargo, debido al auge de internet, este tipo de formato de imagen ha ido perdiendo popularidad durante los últimos años en favor de .jpeg.

La extensión de archivo de imagen .psd

La extensión de archivo de imagen .psd es creada por Adobe photoshop y puede ser abierta por este programa. Es archivo .psd es editable con capas y ajustes de imagen. Es usado mayoritariamente para imágenes en mapas de bits, aunque también tiene opciones para crear vectores. Con photoshop podemos exportar a muchos otros formatos de imagen una vez hayamos terminado de editar o de crear.


Tipos de formatos de imágenes vectoriales

Tras un recorrido a las extensiones de imágenes en mapas de bits o rasterizadas más populares es el turno de los formatos de imágenes vectoriales. Como podrás comprobar a continuación es una lista mucho más escueta. Recuerda que los vectores son usados mayoritariamente para gráficos sencillos con pocos colores como logos, iconos…

El formato de imagen PDF

El formato de documento portátil (PDF) es un formato de archivo flexible, multiplataforma y multiaplicación. Basado en el modelo de imágenes de PostScript, los archivos PDF se muestran de forma precisa y mantienen las fuentes, los diseños de página y los gráficos vectoriales y de mapa de bits. Además, los archivos PDF pueden contener funciones de navegación y búsqueda de documentos electrónicos, como por ejemplo, enlaces electrónicos.

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

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.

Desktop Color Separations. El formato DCS es una versión del formato EPS estándar que le permite guardar separaciones de color de imágenes CMYK. Puede utilizar el formato DCS 2.0 para exportar imágenes que contienen canales de tinta plana. Para imprimir archivos DCS, debe usar una impresora PostScript.

Encapsulated PostScript El formato de archivo de lenguaje PostScript encapsulado (EPS) puede contener tanto gráficos vectoriales como de mapa de bits y lo admiten prácticamente todos los programas de gráficos, ilustraciones y diseño de páginas. El formato EPS se utiliza para transferir imágenes de lenguaje PostScript entre aplicaciones. Al abrir un archivo EPS que contiene gráficos vectoriales, Photoshop rasteriza la imagen, convirtiendo los gráficos vectoriales a píxeles. El formato EPS admite modos de color Lab, CMYK, RGB, Color indexado, Duotono, Escala de grises y Mapa de bits y no admite canales alfa. EPS admite trazados de recorte. Para imprimir archivos EPS, debe usar una impresora PostScript (Impresoras láser, no de inyección de tinta).

El formato de imagen SVG

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.

La gran ventaja de este formato de imagen es que se puede visualizar en navegadores. Así, si tenemos una web podemos crear iconos en formato .svg con lo que al ser vector, tendrá una mejor calidad. Esto es genial para las nuevas webs responsive (que varían el tamaño dependiendo del dispositivo donde se visualicen. Lo puedes comprobar menguando la ventana de tu navegador en esta web, por ejemplo).

El gran problema que presenta la extensión de archivo de imagen .svg es que está basada en el lenguaje de programación .xml, por lo que se necesita conocimientos sobre este lenguaje para hacerlo funcionar debidamente.

El formato de imagen AI

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.


Otros Formatos

Targa (.tga; .vda; .icb; .vst)

El formato TGA (Targa®) está diseñado para sistemas que utilizan la placa de vídeo Truevision® y habitualmente lo admiten aplicaciones de color de MS-DOS. El formato Targa admite imágenes RGB de 16 bits (5 bits x 3 canales de color, más un bit sin utilizar), de 24 bits (8 bits x 3 canales de color) y de 32 bits (8 bits x 3 canales de color más un solo canal alfa de 8 bits). El formato Targa admite también imágenes de color indexado y en escala de grises sin canales alfa.

Photoshop 2.0

Es exclusivo de MacOS. Puede utilizar este formato para abrir una imagen en la versión 2.0 o para exportar una imagen a una aplicación que sólo admite archivos de Photoshop 2.0. Guardar en formato de Photoshop 2.0 acopla la imagen y elimina la información de capa.

PCX (.pcx)

El formato PCX lo utilizan habitualmente los ordenadores compatibles con PC de IBM. La mayoría del software para PC admite la versión 5 del formato PCX. Con archivos de la versión 3, que no admite paletas de color personalizadas, se utiliza una paleta de color VGA estándar. El formato PCX admite los modos de color RGB, Color indexado, Escala de grises y Mapa de bits, pero no canales alfa. PCX admite el método de compresión RLE. Las imágenes pueden tener una profundidad de 1, 4, 8 o 24 bits.

Pixar (.pxr)

El formato Pixar está diseñado específicamente para aplicaciones gráficas de alta calidad, como las que se utilizan en imágenes tridimensionales y animaciones. El formato Pixar admite imágenes RGB y en escala de grises con un solo canal alfa.

Recurso PICT (.pct)

(Mac OS) Un recurso PICT es un archivo PICT contenido en una horquilla de recursos de un archivo de Mac OS, por ejemplo, la pantalla de inicio de una aplicación o el contenido del Apuntador. El formato de recurso PICT admite imágenes RGB con un solo canal alfa e imágenes de color indexado, en escala de grises y de mapa de bits sin canales alfa.

Y hasta aquí este artículo sobre los tipos de formatos de imagen más usados. Creo que me ha quedado un poco largo, pero quería dar a conocer muchas cosas y claro, eso requiere su espacio.


Recuerda que podrás aprender mucho más sobre el trabajo con PhotoShop en nuestro curso.