formatos de archivo de imagen: cuándo usar cada tipo de archivo

0 Comments

¿crees que GIF es el tipo más delicioso de mantequilla de maní? ¿Y AI era esa extraña película de ciencia ficción protagonizada por Haley Joel Osment? Bueno, no te equivocas. Pero hoy estamos hablando de formatos de imagen y todos esos pequeños archivos molestos que usamos para crear contenido visual para impresión y web.

Cada gráfico que ves en línea es un archivo de imagen. La mayoría de todo lo que ves impreso en papel, plástico o una camiseta proviene de un archivo de imagen. Estos archivos vienen en una variedad de formatos, y cada uno está optimizado para un uso específico., Usar el tipo correcto para el trabajo correcto significa que su diseño saldrá perfecto y exactamente como lo pretendía. El formato incorrecto podría significar una mala impresión o una mala imagen web, una descarga gigante o un gráfico faltante en un correo electrónico.

así que vamos a desglosarlo. Bienvenido a formatos de archivo de imagen 101. Vamos a sumergirnos en los conceptos básicos de cada tipo de archivo.

La mayoría de los archivos de imagen caben en una de dos categorías generales—archivos raster y archivos vectoriales—y cada categoría tiene sus propios usos específicos. Esta crisis no es perfecta., Por ejemplo, ciertos formatos pueden contener elementos de ambos tipos. Pero este es un buen lugar para comenzar cuando se piensa en qué formato usar para sus proyectos.,

los diferentes tipos de formatos de archivo de imagen—

  1. formatos de archivo Raster
    • JPEG
    • GIF
    • PNG
    • TIFF
    • RAW
    • PSD
  2. formatos de archivo vectoriales
    • PDF
    • EPS
    • SVG
    • ai

formatos de archivo ráster—

qué es una imagen ráster

Las imágenes ráster se componen de una cuadrícula de puntos llamada píxeles donde a cada píxel se le asigna un color. A diferencia de una imagen vectorial, Las imágenes ráster dependen de la resolución, lo que significa que existen en un tamaño., Cuando transformas una imagen rasterizada, estiras los píxeles en sí, lo que puede resultar en una imagen «pixelada» o borrosa. Cuando agranda una imagen, su software esencialmente está adivinando qué datos de imagen faltan en función de los píxeles circundantes. La mayoría de las veces, los resultados no son excelentes.

Fotos proporcionadas por el autor.,

Las imágenes rasterizadas se utilizan normalmente para fotografías, ilustraciones digitales y gráficos web (como banners publicitarios, contenido de redes sociales y gráficos de correo electrónico). Adobe Photoshop es el editor de imágenes estándar de la industria que se utiliza para crear, diseñar y editar imágenes rasterizadas, así como para agregar efectos, sombras y texturas a los diseños existentes.

CMYK vs, RGB

todas las imágenes rasterizadas se pueden guardar en uno de los dos modelos de color primario: CMYK y RGB.

CMYK – por Owley
RGB – por Un&V

CMYK de cuatro colores proceso de impresión que viene de cyan, magenta, yellow y key (negro). Estos colores representan las cuatro tintas que se combinarán durante el proceso de impresión., Los archivos guardados en este formato se optimizarán para la impresión física.

RGB es un modelo de color basado en la luz que significa rojo, verde y azul. Estos son los tres colores primarios de la luz que se combinan para producir otros colores. Los archivos guardados en este formato se optimizarán para la web, teléfonos móviles, Películas y videos, cualquier cosa que aparezca en una pantalla.

con pérdida vs.sin pérdida

cada archivo de imagen rasterizada es sin pérdida o con pérdida, dependiendo de cómo el formato maneja los datos de la imagen.

formatos de imagen sin pérdida capturan todos los datos de su archivo original., Nada del archivo original, foto, o pieza de arte se pierde-de ahí el término » sin pérdidas.»El archivo todavía puede estar comprimido, pero todos los formatos sin pérdida serán capaces de reconstruir su imagen a su estado original.

los formatos de imagen con pérdida se aproximan a la imagen original. Por ejemplo, una imagen con pérdida puede reducir la cantidad de colores en la imagen o analizar la imagen en busca de datos innecesarios. Estos trucos técnicos inteligentes normalmente reducirán el tamaño del archivo, aunque pueden reducir la calidad de su imagen.,

normalmente, los archivos con pérdida son mucho más pequeños que los archivos sin pérdida, lo que los hace ideales para usar en línea donde el tamaño del archivo y la velocidad de descarga son vitales.

JPEG/JPG

JPEG es un formato raster con pérdida que significa Joint Photographic Experts Group, el equipo técnico que lo desarrolló. Este es uno de los formatos más utilizados en línea, por lo general para fotos, gráficos de correo electrónico e imágenes web grandes como anuncios de banner. Las imágenes JPEG tienen una escala móvil de compresión que disminuye enormemente el tamaño del archivo, pero aumenta los artefactos o la pixelación cuanto más se comprime la imagen.,

Sin compresión
de Alta compresión

Usted debe utilizar un JPEG cuando…

  • Usted está tratando con fotos en línea y/o obras de arte. Los JPEG le ofrecen la mayor flexibilidad con la edición y compresión de trama, lo que los hace ideales para imágenes web que deben descargarse rápidamente.
  • desea imprimir fotos y/o ilustraciones., En archivos de alta resolución con baja compresión, los JPEG son perfectos para editar e imprimir.
  • Necesita enviar una imagen de vista previa rápida a un cliente. Las imágenes JPEG se pueden reducir a tamaños muy pequeños, lo que las hace ideales para enviar por correo electrónico.

no utilice un JPEG cuando need

  • necesite un gráfico web con transparencia. Los JPEG no tienen un canal de Transparencia y deben tener un fondo de color sólido. GIF y PNG son sus mejores opciones para la transparencia.
  • Necesita una imagen editable en 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 un archivo PSD (Photoshop) para una imagen completamente editable.

GIF

GIF es un formato raster sin pérdidas que significa Graphics Interchange Format. La gran pregunta: ¿cómo se pronuncia? El creador de GIF dice «JIFF» como la mantequilla de maní. Este escritor (y muchos del mundo) dice «GIFF» porque los gráficos comienzan con un » guh.»De todos modos, te dejaremos eso a ti., GIF es también un formato de imagen web ampliamente utilizado, por lo general para gráficos animados como banners, imágenes de correo electrónico y memes de redes sociales. Aunque los GIFs no tienen pérdidas, se pueden exportar en una serie de configuraciones altamente personalizables que reducen la cantidad de colores e información de imagen, lo que a su vez reduce el tamaño del archivo.

Usted debe utilizar un GIF de cuando…

  • Usted desea crear animación web. Las imágenes GIF contienen todos los fotogramas de animación y la información de temporización en un solo archivo., Los editores de imágenes como Photoshop facilitan la creación de una animación corta y su exportación como GIF.
  • necesitas transparencia. Las imágenes GIF tienen un «canal alfa» que puede ser transparente, por lo que puede colocar su imagen en cualquier fondo de color.
  • Necesita un archivo pequeño. Las técnicas de compresión en el formato GIF permiten que los archivos de imagen se contraigan enormemente. Para iconos y Gráficos web muy simples, GIF es el mejor formato de archivo de imagen.

no uses un GIF cuando need

  • necesites una imagen de calidad fotográfica., Aunque los GIFs pueden ser de alta resolución, tienen un límite de 256 colores (a menos que conozcas algunos trucos). Las fotos suelen tener miles de colores y se verán planas y menos vibrantes (y a veces extrañas debido a las bandas de color) cuando se convierten a GIF.
  • necesita imprimir una imagen. Debido al límite de color, la mayoría de las fotos impresas carecerán de profundidad. Si necesita imprimir fotos, mire TIFF, PSD y JPG.
  • Necesita una imagen editable en 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 un archivo PSD (Photoshop) para una imagen completamente editable.

PNG

PNG es un formato ráster sin pérdidas que significa gráficos de red Portátiles. Piense en los PNGs como el GIF de próxima generación. Este formato tiene transparencia incorporada, pero también puede mostrar profundidades de color más altas, lo que se traduce en millones de colores. Los PNGs son un estándar web y se están convirtiendo rápidamente en uno de los formatos de imagen más comunes utilizados en línea.,

Unicornio pegatinas por _ELM_
Trauby mascota por ktoons

Usted debe usar un PNG cuando…

  • Se necesita una alta calidad transparentes de gráficos para la web. Las imágenes PNG tienen una variable «canal alfa» que puede tener cualquier grado de transparencia (en contraste con los GIFs que solo tienen transparencia on/off)., Además, con mayores profundidades de color, Tendrás una imagen más vibrante que con un GIF.
  • tienes ilustraciones con colores limitados. Aunque cualquier imagen funcionará, los archivos PNG son mejores con una pequeña paleta de colores.
  • Necesita un archivo pequeño. Los archivos PNG pueden reducirse a tamaños increíblemente pequeños, especialmente imágenes que son colores, formas o texto simples. Esto lo convierte en el tipo de archivo de imagen ideal para gráficos web.

no utilice un PNG cuando working

  • esté trabajando con fotos o ilustraciones. Gracias a la alta profundidad de color de PNGs, el formato puede manejar fácilmente fotos de alta resolución., Sin embargo, debido a que es un formato web sin pérdidas, los tamaños de archivo tienden a ser muy grandes. Si está trabajando con fotos en la web, vaya con JPEG.
  • estás tratando con un proyecto de impresión. Los gráficos PNG están optimizados para la pantalla. Definitivamente puede imprimir un PNG, pero sería mejor con un archivo JPEG (con pérdida) o TIFF.

TIFF / TIF

TIFF es un formato raster sin pérdidas que significa Tagged Image File Format. Debido a su calidad extremadamente alta, el formato se utiliza principalmente en fotografía y autoedición., Es probable que encuentre archivos TIFF cuando escanee un documento o tome una foto con una cámara digital profesional. Tenga en cuenta que los archivos TIFF también se pueden utilizar como un «contenedor» para imágenes JPEG. Estos archivos serán mucho más pequeños que los archivos TIFF tradicionales, que suelen ser muy grandes.

Usted debe usar un TIFF cuando…

  • Se necesita una alta calidad de impresión de los gráficos., Junto con RAW, los archivos TIFF se encuentran entre los formatos gráficos de mayor calidad disponibles. Si está imprimiendo fotos, especialmente en tamaños enormes, use este formato.
  • está haciendo un escaneo de alta calidad. El uso de TIFF para escanear sus documentos, fotos e ilustraciones se asegurará de que tenga el mejor archivo original para trabajar.

no utilices at TIFF cuando working

  • estés trabajando con gráficos web. Si bien muchos navegadores web lo admiten, los archivos TIFF están optimizados para imprimir. Vaya con JPEG o PNG cuando necesite mostrar imágenes de alta calidad en línea.,

RAW

un formato de imagen raw contiene los datos sin procesar capturados por una cámara digital o sensor de escáner. Por lo general, las imágenes se procesan (ajustadas para el color, el balance de blancos, la exposición, etc.) y luego convertido y comprimido en otro formato (por ejemplo, JPEG o TIFF). Las imágenes Raw almacenan los datos sin procesar y procesados en dos archivos separados, por lo que se queda con la imagen de mayor calidad posible que puede editar de forma no destructiva con una aplicación de edición de fotos como Photoshop., Hay docenas y docenas de formatos raw, pero algunos de los formatos típicos son CRW (Canon), NEF (Nikon) y DNG (Adobe).

a través de Adobe

Usted debe usar RAW cuando…

  • Usted grabación y edición de fotos. Asegúrese de que su cámara esté configurada en RAW para que pueda capturar la imagen más versátil. Luego, use una aplicación de edición de fotos compatible para ajustar su imagen.

no utilice RAW cuando working

  • esté trabajando con gráficos web. RAW está construido para la edición de fotos., Cuando esté listo para presentar sus fotos para la web, conviértalas a JPEG.
  • Ya está listo para imprimir sus fotos. Muchas impresoras no aceptan formatos raw, así que primero convierta a JPEG o TIFF.

PSD

PSD es un formato de imagen en capas propietario que significa documento de Photoshop. Estos son Archivos de diseño originales creados en Photoshop que son completamente editables con múltiples capas y ajustes de imagen., Los psd se utilizan principalmente para crear y editar imágenes rasterizadas, pero este formato único también puede contener capas vectoriales, lo que lo hace extremadamente flexible para varios proyectos diferentes. Un PSD se puede exportar a cualquier número de formatos de archivo de imagen, incluidos todos los formatos de trama enumerados anteriormente.

Usted debe utilizar un PSD cuando…

  • Es el momento de retocar las fotos. ¿Necesita corregir el color de una foto? O añadir una capa de texto? PSD = fotos.
  • Es necesario editar ilustraciones para digital o impresión., Eso podría ser una foto, pintura, dibujo o cualquier otra cosa. Photoshop es la herramienta adecuada para asegurarse de que cada línea, sombra y textura esté en su lugar.
  • desea imágenes digitales para la web como imágenes de redes sociales,banners publicitarios, encabezados de correo electrónico, videos, etc. La creación de estas imágenes en Photoshop garantizará que tengan el tamaño correcto y estén optimizadas para la web.
  • tienes que crear una maqueta de sitio web o aplicación. Las capas facilitan el movimiento de los elementos de la interfaz de usuario.
  • quieres ponerte elegante con la animación y el video., Photoshop hace que sea fácil cortar clips de vídeo simples y agregar gráficos, filtros, texto, animación y más.

no utilice un PSD cuando need

  • necesite publicar una foto en línea o enviar una vista previa a un cliente. La web es compatible con JPEG. Convierte primero para asegurarte de que tu audiencia pueda ver tu imagen (por lo que no tardará varios minutos en descargarse).
  • Ya está listo para imprimir sus fotos. Muchas impresoras no aceptan el formato PSD, así que primero convierta a JPEG o TIFF.,

formatos de archivo vectoriales –

Qué es una imagen vectorial

Las imágenes vectoriales son ilustraciones digitales en las que los puntos, las líneas y las curvas son calculadas por la computadora. Son esencialmente ecuaciones matemáticas gigantes, y a cada «ecuación» se le puede asignar un color, un trazo o un grosor (entre otros estilos) para convertir las formas en arte. A diferencia de las imágenes rasterizadas, las imágenes vectoriales son independientes de la resolución. Al reducir o ampliar una imagen vectorial, sus formas se hacen más grandes, pero no perderá ningún detalle ni obtendrá ninguna pixelación., Debido a que su imagen siempre se renderizará de manera idéntica, sin importar el tamaño, no hay tal cosa como un tipo de imagen vectorial con o sin pérdida.,

Walk for life poster by Adwindesign for Salam_h
Children’s book character by RVST® for soccerpoet
Logo design by spoon design

Vector images are typically used for logos, icons, typesetting and digital illustrations., Adobe Illustrator es el editor de imágenes estándar de la industria que se utiliza para crear, diseñar y editar imágenes vectoriales (aunque también puede incorporar imágenes rasterizadas).

PDF

PDF significa Portable Document Format y es un formato de imagen utilizado para mostrar documentos y gráficos correctamente, sin importar el 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 mostrar todo, desde gráficos rasterizados hasta campos de formularios y hojas de cálculo., Debido a que es un estándar casi universal, los archivos PDF son a menudo el formato de archivo solicitado por las impresoras para enviar un diseño final a producción. Tanto Adobe Photoshop como Illustrator pueden exportar directamente a PDF, por lo que es fácil comenzar su diseño y tenerlo listo para imprimir.,

Oakland cartel de Martis Lupus
Yoga posterby Trisixtin para yogawithleo

Usted debe utilizar un PDF cuando…

  • Usted está listo para imprimir. Como mencionamos, muchas impresoras prefieren PDF como su formato de entrega principal porque es tan omnipresente. Consulte con su impresora para ver cómo les gustaría que preparara su archivo.,
  • desea mostrar documentos en la web. No usarías un PDF para un solo Icono o logotipo, pero es ideal para carteles, folletos, revistas y folletos. Los pdf mantendrán todo su diseño en un solo paquete, lo que facilita su visualización, descarga o impresión.

no uses un PDF cuando need

  • necesites editar tu diseño. Los PDF son excelentes contenedores, pero usan otras aplicaciones para el contenido. Puede editar imágenes rasterizadas con Photoshop y gráficos vectoriales con Illustrator. Cuando haya terminado, puede combinarlos en un PDF para una fácil visualización.,

EPS

EPS es un formato de imagen que significa PostScript encapsulado. Aunque se utiliza principalmente como un formato vectorial, un archivo EPS puede incluir datos de imagen vectorial y rasterizada. Normalmente, un archivo EPS incluye un solo elemento de diseño que se puede utilizar en un diseño más grande.,

by artsigma
by Dusan Klepic
by Sava Stoic

You should use an EPS when…

  • You need to send a vector logo to a client, designer or a printer., Con un archivo EPS, no tiene que preocuparse por dónde se colocará o imprimirá el logotipo. No importa el tamaño, siempre aparecerá con la resolución correcta.

no utilice un EPS cuando…

  • esté tratando con fotografías o ilustraciones. EPS puede manejar imágenes rasterizadas, pero este tipo de archivo de imagen es principalmente para vectores. Trabaja con PSD, TIF o JPEG cuando tengas un proyecto fotográfico.
  • necesita mostrar una imagen en línea. Exporta primero a JPEG, PNG o GIF.,

SVG

SVG significa gráficos vectoriales escalables y es un formato de imagen vectorial basado en XML para gráficos bidimensionales. Se puede buscar, indexar, escalar y comprimir y puede resultar en tamaños de archivo más pequeños que otros formatos de archivo, lo que lo hace ideal para web. Los archivos SVG se pueden editar en programas de edición gráfica, así como en editores de texto.

debe usar SVG cuando want

  • desea crear gráficos y diagramas generados por computadora para publicarlos en la web.

no utilice SVG cuando need

  • necesite un formato de archivo para un flujo de trabajo de impresión.,

AI

AI es un formato de imagen vectorial patentado que significa Adobe Illustrator. El formato se basa en los estándares EPS y PDF desarrollados por Adobe. Al igual que esos formatos, los archivos AI son principalmente un formato basado en vectores, aunque también pueden incluir imágenes rasterizadas incrustadas o vinculadas. Los archivos AI se pueden exportar a archivos PDF y EPS (para una fácil revisión e impresión), y también JPEG, PNG, GIF, TIFF y PSD (para uso web y edición posterior).,

Usted debe utilizar un AI cuando…

  • Usted necesita para editar un diseño de vectores. Los archivos AI le permiten mover y alterar cada elemento de su diseño con solo un clic o dos.
  • necesitas crear un logotipo, icono o mascota de marca. Cada forma vectorial y línea creada en Illustrator se puede ampliar a cualquier tamaño, lo que lo hace ideal para imágenes que necesitan ser utilizadas de muchas maneras diferentes.
  • desea una pieza de impresión de una página., Illustrator es perfecto para carteles, tarjetas de visita, folletos y tarjetas de notas que se pueden combinar con otras imágenes rasterizadas.
  • Es necesario establecer el tipo para un logotipo. Las funciones de composición tipográfica de Illustrator son increíblemente potentes, lo que permite estirar, sesgar y transformar cualquier texto de la manera imaginable.

no utilice una IA cuando need

  • necesite editar imágenes. Si se utiliza una imagen de trama (foto o ilustración) en una composición, Illustrator tiene un número limitado de herramientas para editar esa imagen directamente., Photoshop (archivos PSD) puede hacer ajustes más completos como color, contraste y brillo.
¿desea encontrar un diseñador que pueda crear todos los tipos de archivos correctos?
Nuestros diseñadores pueden hacer eso!


Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *