Saltear al contenido principal

9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

¿Crees que GIF es la mantequilla de maní más sabrosa que existe? ¿Y AI fue esa extraña película de ciencia ficción con Haley Joel Osment? Bueno, no te equivocas. Pero hoy hablamos de formatos de archivo que usamos para crear contenido visual para impresión y la web.

Cada gráfico se basa en los conceptos básicos del diseño gráfico . Cada gráfico que ve en línea es un archivo de imagen con un formato de archivo específico. Casi todo lo que ves impreso en papel, plástico o una camiseta proviene de un archivo de imagen con, lo has adivinado, un formato de archivo específico. Los archivos vienen en una variedad de formatos y cada uno está optimizado para un propósito específico. Usar el tipo de archivo correcto para el trabajo correcto significa que su diseño será tan perfecto como lo imaginó. El formato de archivo incorrecto, por otro lado, puede provocar una mala impresión o una imagen web pixelada, una descarga enorme o un gráfico faltante en un correo electrónico.

Así que vamos a explicarlos con más detalle. Bienvenido a los conceptos básicos de los formatos de archivo para imágenes. ¡Profundicemos en los conceptos básicos de cada tipo de archivo!

La mayoría de los archivos de imagen encajan en una de dos categorías generales: formatos rasterizados y formatos vectoriales , y cada categoría tiene su propio propósito específico. Esta división no es perfecta. Por ejemplo, ciertos formatos pueden contener elementos de ambos tipos. Pero es un buen lugar para comenzar cuando piensa en qué formato usar para sus proyectos.

Los diferentes formatos de archivo para imágenes

  1. Formatos gráficos de trama
      1. JPEG
      2. GIF
      3. PNG
      4. PELEA
      5. CRUDO
      6. Psd
  2. Formatos de gráficos vectoriales
      1. PDF
      2. EPS
      3. AI

Formatos gráficos de trama

¿Qué es un gráfico de trama?

Los formatos de gráficos de trama consisten en una cuadrícula de puntos, llamados píxeles, con cada píxel asignado un color. A diferencia de los formatos de gráficos vectoriales, los gráficos rasterizados dependen de la resolución, lo que significa que existen en un tamaño. Cuando transforma un gráfico de trama, estira los píxeles, lo que puede dar lugar a una imagen pixelada o borrosa. Cuando agranda una imagen, el software básicamente adivina qué datos de imagen faltan en los píxeles circundantes. La mayoría de las veces los resultados no son muy buenos.

9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

Imágenes en formato de archivo JPG

9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

Los formatos de gráficos de trama se utilizan normalmente para fotografías, obras de arte digitales y gráficos web (como pancartas , anuncios, contenido de redes sociales y gráficos de correo electrónico). Adobe Photoshop es el programa de edición estándar de la industria que se utiliza para crear, diseñar y editar gráficos rasterizados, además de agregar efectos, sombras y texturas a los diseños existentes.

CMYK frente a RGB

Todos los gráficos de trama se pueden guardar en dos modelos de color básicos: CMYK y RGB.

9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

CMYK es un proceso de impresión a cuatro colores que significa cian, magenta, amarillo y clave (negro). Estos colores representan las cuatro tintas que se combinan durante el proceso de impresión. Los archivos guardados en este formato están optimizados para la impresión física.

RGB es un modelo de color basado en la luz y significa rojo, verde y azul. Estos son los tres colores principales de luz que, cuando se combinan, forman los otros colores. Los archivos en este formato están optimizados para Internet, teléfonos celulares, películas y videos, cualquier cosa que aparezca en la pantalla.

Con pérdida o sin pérdida

Cada gráfico de trama no tiene pérdida o tiene pérdida, dependiendo de cómo el formato maneje su archivo de imagen.

Los formatos de imagen sin pérdida capturan todos los datos de su archivo original. No se pierde nada del archivo, la foto o la obra de arte original, de ahí el término «sin pérdidas». El archivo puede estar comprimido, pero todos los formatos sin pérdida pueden reconstruir su imagen en el original.

Los formatos de archivo con pérdida son aproximadamente los mismos que los de la imagen original. Por ejemplo, una imagen con pérdida reducirá la cantidad de color en su imagen o buscará datos innecesarios. Estos ingeniosos trucos técnicos suelen reducir el tamaño del archivo, pero también pueden reducir la calidad de la imagen.

Por lo general, los formatos de archivo con pérdida son mucho más pequeños que los sin pérdida, lo que los hace ideales para Internet, donde el tamaño del archivo y la velocidad de descarga son fundamentales.

JPEG / JPG (Grupo conjunto de expertos en fotografía)

JPEG es un formato de trama con pérdida y significa Joint Photographic Experts Group. Este es el equipo que lo desarrolló. Es uno de los formatos más utilizados en Internet, generalmente para fotos, gráficos de correo electrónico e imágenes web de gran tamaño, como anuncios publicitarios. Las imágenes JPEG están comprimidas, lo que reduce enormemente el tamaño del archivo, pero se pixelan y muestran más artefactos cuanto más se comprimen.

9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

Debería utilizar JPEG si …

  • … se trata de imágenes y / o ilustraciones en línea . Los archivos JPEG ofrecen la mayor flexibilidad en la edición y compresión de ráster, lo que los convierte en el formato ideal para imágenes web que deben poder descargarse rápidamente.
  • … desea imprimir fotografías y / o ilustraciones . Con alta resolución y baja compresión, los archivos JPEG son perfectos para editar e imprimir.
  • … necesita enviar rápidamente una imagen de vista previa a un cliente. Los archivos JPEG se pueden reducir considerablemente de tamaño, lo que los hace ideales para el correo electrónico.

No use JPEG si …

  • … necesitas un gráfico web con transparencia. Los archivos JPEG no tienen un canal alfa y deben tener un fondo. GIF y PNG funcionan mejor para la transparencia.
  • … necesitas una imagen editable con capas. Los JPEG son un formato de imagen plana, lo que significa que todas las ediciones se guardan en una capa de imagen y no se pueden deshacer. Considere la posibilidad de utilizar un archivo PSD (Photoshop) o una imagen totalmente editable.
  • GIF (formato de intercambio de gráficos)

    GIF es un formato ráster sin pérdidas y significa Graphics Interchange Format. La gran pregunta: ¿cómo se pronuncia correctamente? El desarrollador del GIF dice que la G se pronuncia como la J en «Jelly Beans», es decir, «JIF». El autor de este artículo (y la mayoría de las personas) dice GIF porque comienza con una «G». Pero eso te lo dejamos a ti. GIF también es un formato de archivo ampliamente utilizado para imágenes web y generalmente se usa para gráficos animados como anuncios publicitarios, imágenes de correo electrónico y memes de redes sociales. Aunque los GIF no tienen pérdidas, pueden reducir en gran medida la cantidad de información de color e imagen, lo que a su vez reduce el tamaño del archivo.

    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

    Deberías usar GIF si …

    • … quieres crear una animación web . Los GIF contienen todos los fotogramas animados y la información de tiempo en un solo archivo. Los programas de edición de imágenes como Photoshop facilitan la creación de una animación corta y la exportación como GIF.
    • … necesitas transparencia . Las imágenes GIF tienen un canal alfa que puede ser transparente. Para que pueda colocar su imagen sobre cualquier fondo de color.
    • … necesitas un archivo pequeño . La técnica de compresión en formato GIF permite reducir considerablemente el tamaño de los archivos de imagen. Para cualquier icono simple o gráfico web, GIF es el mejor formato de archivo.

    No uses GIF si …

    • … necesitas una imagen con calidad fotográfica. Aunque los GIF pueden ser de alta resolución, están limitados a 256 colores (a menos que conozca algunos trucos). Las fotos generalmente contienen miles de colores y aparecen con poco contraste y menos vívidas (y a veces extrañas debido a los cambios de color) cuando se convierten a GIF.
    • … tienes que imprimir una foto. Debido a los colores limitados, la mayoría de las fotografías impresas carecen de profundidad. Si necesita imprimir fotos, consulte TIFF, PSD y JPG.
    • … necesitas una imagen editable con capas. Los GIF son un formato de imagen plana, lo que significa que todas las ediciones se guardan en una capa de imagen y no se pueden deshacer. Considere la posibilidad de utilizar un archivo PSD (Photoshop) o una imagen totalmente editable.

    PNG (gráficos de red portátiles)

    PNG es un formato ráster sin pérdidas y significa Portable Network Graphics. Los PNG son la nueva generación de GIF. Este formato tiene transparencia incorporada, pero también puede mostrar profundidades de color más altas y, por lo tanto, millones de colores. Los PNG son un estándar web y se están convirtiendo rápidamente en el formato de archivo más común para imágenes en Internet.

    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

    Debería utilizar PNG si …

    • … necesita gráficos web transparentes de alta calidad . Las imágenes PNG tienen un canal alfa variable que puede tener cualquier grado de transparencia (a diferencia de GIF, donde la transparencia solo se puede activar y desactivar). Además, la mayor profundidad de color le brinda una imagen más vívida que con GIF.
    • … tienes ilustraciones con colores limitados . Aunque cualquier imagen funcionaría, los PNG son mejores para imágenes con una paleta de colores pequeña.
    • … necesitas un archivo pequeño . Los archivos PNG pueden volverse increíblemente pequeños, especialmente las imágenes compuestas de colores, formas o texto simples. Esto los convierte en el formato ideal para gráficos web.

    No use PNG si …

    • … trabajas con fotografías e ilustraciones. Gracias a la alta profundidad de color de PNG, el formato puede manejar fácilmente fotos de alta resolución. Sin embargo, debido a que es un formato sin pérdidas, los archivos pueden llegar a ser muy grandes. Si trabaja con fotos en Internet, elija JPEG en su lugar.
    • … se trata de un proyecto de impresión. Los gráficos PNG están optimizados para la pantalla. Definitivamente puede imprimir un PNG, pero es mejor usar un JPEG (con pérdida) o TIFF.
  • TIFF / TIF (formato de archivo de imagen con etiquetas)

    TIFF es un formato ráster sin pérdidas y significa Tagged Image File Format. Debido a su altísima calidad, este formato de archivo se utiliza principalmente en fotografía y autoedición. Es probable que encuentre archivos TIFF al escanear un documento o al tomar una foto con una cámara profesional. Tenga en cuenta que los archivos TIFF también pueden servir como «contenedores» para imágenes JPEG. Estos archivos se vuelven mucho más pequeños que los archivos TIFF tradicionales, que suelen ser muy grandes.

    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

    Debería utilizar TIFF si …

    • … necesita gráficos de alta calidad para imprimir . Junto con RAW, los archivos TIFF son el formato de gráficos de mayor calidad. Si está imprimiendo fotografías, especialmente las que son enormes, utilice este formato.
    •  … escanea algo en alta calidad . El uso de TIFF para escanear documentos e imágenes garantiza que obtenga el mejor archivo posible para trabajar.

    No use TIFF si …

    • … trabajas con gráficos web. Si bien muchos navegadores web admiten el formato, los archivos TIFF están optimizados para la impresión. Opte por JPEG o PNG si necesita imágenes de alta calidad en la web.

    CRUDO

    Las imágenes RAW contienen todos los datos sin procesar capturados por una cámara digital o un escáner. Normalmente, las imágenes se procesan (se ajustan los colores, el balance de blancos, la exposición, etc.) y luego se convierten a otro formato de archivo y se comprimen (como JPEG o TIFF). Las imágenes RAW mantienen los datos procesados ​​y sin procesar en dos archivos separados. Así tienes una imagen con la mayor calidad posible que puedes editar con un programa como Photoshop sin pérdidas. Hay docenas de formatos RAW, pero los más populares son CRW (Canon), NEF (Nikon) y DNG (Adobe).

    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
    a través de Adobe

    Deberías usar RAW si …

    • … tomas fotos y las editas . Asegúrese de que su cámara esté configurada en RAW para capturar la imagen más versátil posible. Luego use un editor de fotos compatible para ajustar su imagen.

    No uses RAW si …

    • … trabajas con gráficos web. RAW fue desarrollado para la edición de imágenes. Cuando esté listo para publicar sus imágenes en la web, conviértalas a JPEG.
    • … estás listo para imprimirlo. Muchas impresoras no aceptan archivos RAW, así que conviértalos primero a JPEG o TIFF.

    PSD (documento de Photoshop)

    PSD es un formato de imagen en capas patentado y significa Documento de Photoshop. Estos son archivos de diseño originales creados en Photoshop y son completamente editables con múltiples capas y correcciones de imagen. Los archivos PSD se utilizan principalmente para crear y editar gráficos rasterizados, pero también pueden contener capas vectoriales, lo que los hace extremadamente flexibles para una amplia variedad de proyectos. Un archivo PSD se puede exportar a una variedad de formatos de archivo, incluidos todos los formatos ráster enumerados anteriormente.

    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

    Debería utilizar PSD si …

    • … tienes que retocar las fotos . ¿Necesitas corregir los colores de una imagen? ¿O agregar una capa de texto? PSD = fotos.
    • … necesita editar ilustraciones para impresión digital o impresa . Puede ser una foto, una imagen, un dibujo o lo que sea. Photoshop es la herramienta adecuada para asegurarse de que todas las líneas, sombras y texturas estén en el lugar correcto.
    • … necesita imágenes digitales para Internet , como imágenes en redes sociales, anuncios publicitarios, encabezados de correo electrónico, videos, etc. La creación de estas imágenes en Photoshop garantiza que tengan el tamaño adecuado y estén optimizadas para la web.
    • … necesitas crear un sitio web o una maqueta de una aplicación. Las capas facilitan el movimiento de los elementos de la interfaz de usuario.
    • … quieres crear animaciones y videos elegantes . Photoshop facilita el recorte de videoclips simples y la adición de gráficos, filtros, texto, animación y más.

    No use PSD si …

    • … desea publicar una foto en línea o enviar una vista previa a un cliente. Convierta primero para asegurarse de que el destinatario pueda ver la imagen (y que no demore varios minutos en descargarse).
    • … ya está listo para imprimir sus fotografías. Muchas impresoras no aceptan el formato PSD, así que conviértalas primero a JPEG o TIFF.

    Formatos gráficos vectoriales

    ¿Qué es un gráfico vectorial?

    Los formatos de gráficos vectoriales son básicamente ecuaciones matemáticas gigantes, y cada punto, línea y forma está representado por su propia ecuación. A cada «ecuación» se le puede asignar un color, contorno o grosor (junto con otros estilos) para transformar estas formas en arte. A diferencia de los gráficos de trama, los gráficos vectoriales son independientes de la resolución. Cuando reduce o amplía un gráfico vectorial, las formas se hacen más grandes, pero no pierden detalles ni se pixelan. Dado que su imagen siempre se reproduce de manera idéntica, independientemente del tamaño, no existen los gráficos vectoriales con pérdida o sin pérdida.

    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
    9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

    Los formatos de gráficos vectoriales se utilizan normalmente para logotipos, iconos, composición tipográfica e ilustraciones digitales. Adobe Illustrator es el programa de edición estándar de la industria que se utiliza para crear, diseñar y editar gráficos vectoriales (aunque también puede manejar gráficos rasterizados).

PDF (formato de documento portátil)

PDF significa Portable Document Format y es un formato de archivo que se utiliza para mostrar documentos y gráficos correctamente, independientemente del dispositivo, la aplicación, el sistema operativo o el navegador web. En esencia, los archivos PDF tienen una poderosa base de gráficos vectoriales, pero también pueden representar todo, desde gráficos rasterizados hasta campos de formulario y tablas. Dado que es un estándar casi universal, los impresores a menudo requieren archivos PDF para poner el diseño final en producción. Tanto Adobe Photoshop como Illustrator pueden exportar archivos directamente a PDF, lo que facilita comenzar con su diseño y prepararlo para imprimirlo.

9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

Póster de Oakland por Martis Lupus

9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

Póster de yoga de Trisixtin para yogawithleo

Debería utilizar PDF si …

  • … estás listo para imprimir . Como se mencionó, muchas impresoras prefieren los archivos PDF porque son muy ubicuos. Consulte con su impresora para ver cómo quieren su archivo.
  • … desea mostrar documentos en Internet . No utilizaría PDF para un solo logotipo o icono, pero es ideal para carteles, folletos, revistas y folletos. Los archivos PDF contienen su diseño completo en un solo paquete, lo que facilita su visualización, descarga e impresión.

No use PDF si …

  • … tienes que editar tu diseño. Los archivos PDF son excelentes contenedores, pero utilizan otras aplicaciones para su contenido. Puede editar gráficos rasterizados con Photoshop y gráficos vectoriales con Illustrator. Cuando haya terminado, puede agruparlos en un archivo PDF para verlos.

EPS (PostScript encapsulado)

EPS es un formato de archivo que significa PostScript encapsulado. Aunque se utiliza principalmente como formato vectorial, un archivo EPS puede contener gráficos vectoriales y de trama. Como regla general, un archivo EPS contiene un único elemento de diseño que se puede utilizar en diseños más grandes.

9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
9 formatos de archivo para imágenes: ¿cuáles son y como se usan?

Debería utilizar EPS si …

  • … necesita enviar un logotipo vectorial a un cliente, diseñador o impresor. Con un archivo EPS, no tiene que preocuparse por dónde se colocará o imprimirá el logotipo. No importa qué tan grande sea, siempre se muestra con la resolución correcta.

No utilice EPS si …

  • … se trata de fotografías o ilustraciones. EPS puede manejar gráficos rasterizados, pero es principalmente para gráficos vectoriales. Trabaja en PSD, TIF o JPEG si tienes un proyecto fotográfico.
  • … necesitas una imagen para Internet. Primero expórtelo como JPEG, PNG o GIF.

AI (Adobe Illustrator)

AI es un formato gráfico vectorial patentado y significa Adobe Illustrator. Este formato de archivo se basa en los estándares EPS y PDF desarrollados por Adobe. Al igual que estos formatos, los archivos AI son principalmente un formato basado en vectores, aunque también pueden contener gráficos rasterizados incrustados o vinculados. Los archivos AI se pueden exportar como archivos PDF y EPS (para una fácil visualización e impresión) y también como JPEG, PNG, GIF, TIFF y PSD (para uso en Internet y edición posterior).

9 formatos de archivo para imágenes: ¿cuáles son y como se usan?
Formato de archivo de Adobe Illustrator

Deberías usar IA si …

  • … tienes que editar un diseño vectorial . Los archivos AI le permiten mover y cambiar elementos individuales con solo un clic o dos.
  • … necesitas crear un logo, icono o mascota de marca . Cualquier forma y línea vectorial creada en Illustrator se puede ampliar a cualquier tamaño, lo que la hace ideal para imágenes que se utilizarán de muchas formas diferentes.
  • … quieres un material impreso a una cara . Illustrator es perfecto para carteles, tarjetas de visita, folletos y postales que se pueden combinar con otros gráficos de trama.
  • … tienes que configurar una fuente para un logo . Las funciones de composición tipográfica de Illustrator son increíblemente poderosas y permiten estirar, deformar y transformar el texto de cualquier forma imaginable.
Volver arriba