Blog

Inicio/Imagen/Diferencias entre los formatos de imagen más comunes

Diferencias entre los formatos de imagen más comunes

Cuando trabajamos con imágenes es muy probable que hayamos encontrado gráficos con muchas extensiones diferentes: JPG, GIF, PNG, SWF… Las extensiones nos indican el tipo de formato con el que se guardó una imagen.

En otro artículo, hemos visto que los formatos en los que podemos encontrar almacenado un gráfico se pueden clasificar en dos: gráficos vectoriales y mapa de bits, donde la principal diferencia se encuentra en el tamaño. Por ejemplo, un vector ocupa menos espacio en disco o en memoria y, por tanto, se necesita menos tiempo para descargarlo desde una página web.

Ver infografíaExisten varios formatos de archivo gráfico o de imagen, diferenciándose en la manera que tienen de representar la información gráfica (como son los píxeles o vectores), así como en las técnicas de comprensión que utilizan.

En el artículo de hoy, vamos a comparar los más utilizados y conocer, también, cuáles conviene usar en páginas web o en impresión. Apoyándonos, además, de una atractiva infografía.

Formatos de imagen utilizados

  • BMP
  • Es el formato usado por el sistema operativo Windows para guardar sus imágenes. Habitualmente para las aplicaciones Microsoft (windows, office, etc…). Puede guardar imágenes de 24 bits (millones de colores), 8 bits (256 colores) y menos.

  • RAW
  • Es un formato que se encuentra en cámaras digitales profesionales.

    Los datos del archivo RAW no han sufrido ninguna clase de compresión, son puros del sensor de la cámara, lo que hace que este archivo mantenga el máximo detalle de la imagen. Es decir, ofrece la máxima calidad porque contiene los píxeles tal y como se han adquirido.

    El peso del archivo ocupa demasiado espacio, no podremos guardar la misma cantidad de imágenes en nuestra tarjeta con este formato.

    Este tipo de archivo no se puede imprimir ni visualizar directamente, necesitamos tratarlo informáticamente y realizar una conversión a otro archivo que podamos utilizar.

  • GIF
  • El formato GIF sólo puede representar un máximo de 256 colores (8 bits). Esto quiere decir que si tenemos una imagen con más de 256 colores grabadas en el formato GIF, éste sólo va a retener 256 de ellas. Puede estar en escala de grises o en espacios de color RGB.

    Además, tiene como ventaja la capacidad de permitir la animación de imágenes y admitir fondos transparentes de una manera un poco basta, ya que, no es muy bueno con la definición de los bordes.

    Los GIF animados era muy populares hace unos cuantos años, pero han ido cayendo en desuso debido a la baja calidad en mostrar fotografías. Los bordes de la imagen y de la transparencia tienden a verse pixelados.

    Por tanto, el GIF es apropiado para dibujos e imágenes con colores sólidos y formas simples (con pocos matices), tales como logotipos.

  • PNG
  • El formato PNG es un formato libre de derechos que se desarrolló como alternativa al formato GIF. Podemos distinguir entre dos tipos de formato PNG:

    • PNG8 de 8 bits: al igual que el tipo GIF admite un máximo de 256 colores, pero con mejor nivel de compresión.
    • PNG24 de 24 bits: al igual que el tipo JPEG admite hasta 16 millones de colores, pero con una compresión sin pérdida de calidad. Un desventaja es que tiene un tamaño considerablemente mayor al JPEG. Por ejemplo, en el caso de una web, ralentizará la página perjudicando a la experiencia de usuario.

    Este formato no soporta las animaciones, pero sí las transparencias. Podemos guardarlo con fondo transparente o con un color definido.

    El uso de un archivo PNG en un proyecto web es buena opción. Siendo apropiado para imágenes simples como textos, ilustraciones planas o logotipos.

    Sin embargo, debido a la falta de apoyo para el espacio de color CMYK, y el hecho de que no puede haber separaciones de color, el archivo PNG no es buena opción en impresión.

  • JPEG
  • El JPEG es el formato de imagen más utilizado hoy en día para crear e intercambiar fotografías digitales por su buena calidad y comprensión.

    Utiliza un algoritmo de compresión con pérdida de calidad que se llama también JPEG. Además, admite imágenes de 24 bits (hasta 16 millones de colores) a través del modo de color RGB, CMYK, y escala de grises. A diferencia que otros, no soporta la transparencia.

    La compresión de la imagen se hace con una pérdida de calidad que va desde 0% a 99% (se debe escoger para cada imagen en función de su peso final). Esto provoca que, cada vez que editamos y guardamos una imagen en formato JPEG se pierde calidad respecto al formato original. Si volvemos a abrir un JPEG, lo editamos y lo volvemos a guardar como JPEG volveremos a sufrir esa pérdida. Será aconsejable editar la imagen en otro formato que no sufra este ‘deterioro’ y cuando obtengamos el resultado deseado exportar a JPEG una sola vez.

  • TIFF
  • El TIFF es un archivo basado en la trama que admite: RGB, CMYK, Escala de grises, Lab, y color indexado. Admite millones de colores y no tiene pérdida de color.

    Los archivos TIFF podemos comprimirlos utilizando la compresión sin pérdida LZW o JPEG compresión con pérdida. Tiene un tamaño de archivo grande, por lo que, se recomienda para impresión con detalles de alta calidad.

    Para la impresión de alto nivel, es mejor utilizar la compresión LZW o una pequeña cantidad de compresión JPEG. La compresión JPEG es una compresión con pérdida que nos degradará la calidad de imagen cuando se utiliza en grandes cantidades.

  • EPS
  • El formato EPS es un archivo vectorial que requiere el lenguaje PostScript para dibujar la imagen. Es necesario un programa específico para crear este tipo de archivo, como Adobe Illustrator.

    Al ser un archivo vectorial es escalable al cualquier tamaño, y no tiene pérdida de color o detalle. Por tanto, es recomendado para la impresión de cualquier producto.

    El archivo EPS se utiliza en el intercambio de gráficos vectoriales (por ejemplo logos) que sólo se van a leer pero no a editar por el receptor, como enviar el archivo a una imprenta.

  • PSD
  • Como algunos ya conoceréis, el formato PSD es el formato por defecto del programa Adobe Photoshop, por lo que es adecuado para editar imágenes. Admite millones de colores, capas, canales, etc.

    Es un formato que nos permite retomar el trabajo tal y como lo dejamos. No realiza comprensión, y por tanto, nuestro archivo no tiene pérdida de datos.

  • SVG
  • Para muchos este formato es desconocido, está basado en XML y necesitamos cierto control de código para hacer que funcione correctamente.

    El SVG es un formato vectorial, por tanto, es escalable. Además, pesa poco permitiendo una mayor definición a tamaños reducidos. Será muy útil cuando queramos colocar un gráfico en la web. Muchos desconocen que podemos utilizar los archivos vectoriales sin problema en todos los navegadores.

    Comprensión de archivos

    • Sin pérdida de calidad. Una imagen guardada en un formato que utilice compresión sin pérdida de calidad se ve exactamente igual antes y después de guardarla, consiguiendo además que ocupe menos espacio cuando lo almacenamos en el disco.
    • Con pérdida de calidad.Una imagen guardada en un formato que utilice compresión con pérdida de calidad no se verá igual que el original después de guardarlo, y nunca volverá a estar como estaba al principio.

    Y con todo esto…

    Al final de cuentas, la mejor forma que tenemos de elegir un formato de imagen es valorar el contenido de la imagen, es decir, si es una foto, un dibujo, un logotipo, un gráfico, etc. Después, la calidad que queremos obtener en función de donde irá destinada nuestra imagen, por ejemplo si será para imprimir o para la web. Y, por último, el tamaño del archivo resultante.

    No olvides ver la infografía

    Verónica Fernández

    Escrito por

    Pequeña creativa , maquetadora y desarrolladora web en continuo aprendizaje para el mejor desarrollo profesional. Intentando mejorar cada día!!

    Deja un comentario

    Uso de cookies

    Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

    ACEPTAR