Formatos de Imagen

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.

La extensión de imagen .gif

Formato bastante antiguo desarrollado por Compuserve con el fin de conseguir archivos de tamaño muy pequeños.

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.

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.

La extensión de imagen .tiff / .tif

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

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

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.

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.

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.

¿Qué te ha parecido este artículo? ¿Usas los formatos de archivos de imagen para otra cosa que las descritas? ¿Tienes alguna recomendación extra? Tu opinión y tu crítica (constructiva) es importante para mí.

AI (Adobe Illustrator), CDR (Corel Draw), DXF. (Autodesk), EMF, EPS, ODG  (Open Office Draw), SVG (Inkscape), SWF (Adobe flash), WMF (Microsoft)

Tamaño de archivo:

 

Volumen de archivo:

Recomendación uso de formatos

  • 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

Ejemplo comparativo del peso de una imagen en distintos formatos

  • Imagen en formato TIFF: 357 Kbytes
  • Imagen en formato BMP: 226 Kbytes
  • Imagen en formato PSD: 125 Kbytes
  • Imagen en formato JPEG (resolución máxima o mínima compresión): 119 Kbytes
  • Imagen en formato JPEG (resolución alta o poca compresión): 71 Kbytes
  • Imagen en formato JPEG (resolución media o compresión media): 64 Kbytes
  • Imagen en formato JPEG (resolución mínima o compresión máxima): 52 Kbytes
  • Imagen en formato GIF (256 colores): 29 Kbytes
  • Imagen en formato GIF (128 colores): 26 Kbytes
  • Imagen en formato GIF (64 colores): 23 Kbytes