¿Alguna vez te has preguntado cuándo deberías usar un JPG en lugar de un PNG? O tal vez solo esté tratando de averiguar qué programa abre un INDD.
A menos que sea un diseñador gráfico de formación (como yo), lo más probable es que nunca haya necesitado entender cosas como lo que separa un TIF de un PDF o un PSD. Si bien la gran variedad de formatos de imagen puede parecer abrumadora, existe un método para la locura.
Hemos elaborado un esquema útil para ayudarlo a comprender la diferencia entre cada formato de archivo y cuándo es apropiado usarlos.
Vector frente a ráster
Lo primero es lo primero: ¿Cuál es la diferencia entre vector y raster?
Archivos de imagen ráster
Las imágenes rasterizadas se construyen con una serie de píxeles, o bloques individuales, para formar una imagen. jpeg, GIFy PNG son todas extensiones de imágenes rasterizadas. Cada foto que encuentre en línea o impresa es una imagen rasterizada. Los píxeles tienen una proporción definida basada en su resolución (alta o baja), y cuando los píxeles se estiran para llenar el espacio en el que originalmente no estaban destinados a encajar, se distorsionan, lo que da como resultado imágenes borrosas o poco claras.
Para conservar la calidad de los píxeles, no puede cambiar el tamaño de las imágenes de trama sin comprometer su resolución. Como resultado, es importante recordar guardar los archivos ráster con las dimensiones exactas necesarias para la aplicación.
Archivos de imagen vectorial
Las imágenes vectoriales son mucho más flexibles. Se construyen utilizando fórmulas proporcionales en lugar de píxeles. EPS, AI y PDF son perfectos para crear gráficos que requieren cambios de tamaño frecuentes. Tu logotipo y los gráficos de tu marca deberían haberse creado como un vector, y siempre deberías tener un archivo maestro a mano. La verdadera belleza de los vectores radica en su capacidad para ser tan pequeños como un sello postal, ¡o lo suficientemente grandes como para caber en un camión de 18 ruedas!
Si no está seguro de tener una versión vectorial de su logotipo, aquí tiene un pequeño truco: llame a la empresa que imprimió sus tarjetas de presentación o al proveedor que bordó su logotipo en una camiseta. A menudo, tendrán un archivo vectorial de su logotipo que pueden enviarle para sus registros.
Alta resolución frente a baja resolución
¿Has escuchado a tu diseñador hablar sobre DPI o PPI? DPI significa «puntos por pulgada» y PPI se traduce como «píxeles por pulgada». Estas unidades de medida son esenciales para determinar si la densidad de píxeles de una imagen es adecuada para la aplicación que está utilizando.
Lo más importante a tener en cuenta al determinar qué DPI o PPI necesita es si está utilizando una imagen para impresión o web. Los sitios web muestran imágenes a 72 ppp, que es una resolución baja; sin embargo, las imágenes con esta resolución se ven realmente nítidas en la web. Este no es el caso de la impresión. Las mejores prácticas para imprimir una imagen requerirán que no sea inferior a 300 ppp.
No intentes engañar al sistema. Puede ocurrir mucha magia en Photoshop, pero crear píxeles de la nada no es una de ellas. Extraer una imagen de la web e intentar que se ajuste a las dimensiones de su proyecto de impresión simplemente no funcionará. Terminarás con una imagen pixelada que parece estirada y distorsionada.
Tipos de archivos de imagen
- JPEG (o JPG) – Grupo conjunto de expertos en fotografía
- PNG – Gráficos de red portátiles
- GIF – Formato de intercambio de gráficos
- TIFF – Archivo de imagen etiquetado
- PSD – Documento de Photoshop
- PDF – Formato de documento portátil
- EPS – Posdata encapsulada
- AI – Documento de Adobe Illustrator
- INDD – Documento de Adobe Indesign
- RAW – Formatos de imagen sin procesar
1. JPEG (o JPG): grupo conjunto de expertos en fotografía
Los archivos JPEG pueden ser el tipo de archivo más común con el que se encuentra en la web y, muy probablemente, el tipo de imagen que se encuentra en la versión de MS Word del membrete de su empresa. Los archivos JPEG son conocidos por su compresión «con pérdida», lo que significa que la calidad de la imagen disminuye a medida que disminuye el tamaño del archivo.
Puede usar archivos JPEG para proyectos en la web, en documentos de Microsoft Office o para proyectos que requieren impresión en alta resolución. Prestar atención a la resolución y el tamaño del archivo con archivos JPEG es esencial para producir un proyecto atractivo.
JPG frente a JPEG
No hay diferencia entre las extensiones de nombre de archivo .jpg y .jpeg. Independientemente de cómo nombre su archivo, sigue teniendo el mismo formato y se comportará de la misma manera.
La única razón por la que existen las dos extensiones para el mismo formato es porque .jpeg se redujo a .jpg para acomodar el límite de tres caracteres en las primeras versiones de Windows. Si bien no existe tal requisito en la actualidad, .jpg sigue siendo el estándar y predeterminado en muchos programas de software de imágenes.
2. PNG – Gráficos de red portátiles
Los PNG son fantásticos para documentos interactivos, como páginas web, pero no son adecuados para imprimir. Si bien los PNG son «sin pérdidas», lo que significa que puede editarlos y no perder calidad, siguen siendo de baja resolución.
La razón por la que se utilizan PNG en la mayoría de los proyectos web es que puede guardar su imagen con más colores en un fondo transparente. Esto hace que la imagen sea mucho más nítida y de calidad web.
3. GIF – Formato de intercambio de gráficos
Los GIF son más comunes en su forma animada, que están de moda en las páginas de Tumblr y en los anuncios publicitarios. Parece que todos los días vemos referencias a GIF de la cultura pop de giphy en los comentarios de las publicaciones en las redes sociales. En su forma más básica, los GIF se forman a partir de hasta 256 colores en el espacio de color RGB. Debido al número limitado de colores, el tamaño del archivo se reduce drásticamente.
Este es un tipo de archivo común para proyectos web en los que una imagen debe cargarse muy rápidamente, a diferencia de una que debe conservar un mayor nivel de calidad.
4. TIFF – Archivo de imagen etiquetado
Un TIF es un archivo de trama grande que no pierde calidad. Este tipo de archivo es conocido por usar «compresión sin pérdidas», lo que significa que los datos de la imagen original se mantienen independientemente de la frecuencia con la que copie, vuelva a guardar o comprima el archivo original.
A pesar de la capacidad de las imágenes TIFF para recuperar su calidad después de la manipulación, debe evitar usar este tipo de archivo en la web. Dado que puede tardar una eternidad en cargarse, afectará gravemente al rendimiento del sitio web. Los archivos TIFF también se usan comúnmente cuando se guardan fotografías para imprimir.
5. PSD – Documento de Photoshop
Los PSD son archivos que se crean y guardan en Adobe Photoshop, el software de edición de gráficos más popular de todos los tiempos. Este tipo de archivo contiene «capas» que hacen que la modificación de la imagen sea mucho más fácil de manejar. Este es también el programa que genera los tipos de archivos raster mencionados anteriormente.
La mayor desventaja de los PSD es que Photoshop funciona con imágenes rasterizadas en lugar de imágenes vectoriales.
6. PDF – Formato de documento portátil
Los PDF fueron inventados por Adobe con el objetivo de capturar y revisar información rica desde cualquier aplicación, en cualquier computadora, con cualquier persona, en cualquier lugar. Yo diría que han tenido bastante éxito hasta ahora.
Si un diseñador guarda su logotipo vectorial en formato PDF, puede verlo sin ningún software de edición de diseño (siempre y cuando haya descargado el software gratuito Acrobat Reader), y tiene la capacidad de usar este archivo para realizar más manipulaciones. Esta es, con mucho, la mejor herramienta universal para compartir gráficos.
7. EPS – Posdata encapsulada
EPS es un archivo en formato vectorial que ha sido diseñado para producir gráficos de alta resolución para imprimir. Casi cualquier tipo de software de diseño puede crear un EPS.
La extensión EPS es más un tipo de archivo universal (muy parecido al PDF) que se puede usar para abrir ilustraciones basadas en vectores en cualquier editor de diseño, no solo en los productos más comunes de Adobe. Esto protege las transferencias de archivos a los diseñadores que aún no utilizan productos de Adobe, pero que pueden estar utilizando Corel Draw o Quark.
8. IA – Documento de Adobe Illustrator
La IA es, con mucho, el formato de imagen preferido por los diseñadores y el tipo de formato de archivo más confiable para usar imágenes en todo tipo de proyectos, desde la web hasta la impresión, etc.
Adobe Illustrator es el estándar de la industria para crear obras de arte desde cero y, por lo tanto, es muy probable que sea el programa en el que se representó originalmente su logotipo. Illustrator produce ilustraciones vectoriales, el tipo de archivo más fácil de manipular. También puede crear todos los tipos de archivos antes mencionados. ¡Cosas bastante geniales! Es, con mucho, la mejor herramienta en el arsenal de cualquier diseñador.
9. INDD – Documento de Adobe InDesign
Los INDD (documento de InDesign) son archivos que se crean y guardan en Adobe InDesign. InDesign se usa comúnmente para crear publicaciones más grandes, como periódicos, revistas y libros electrónicos.
Los archivos de Adobe Photoshop e Illustrator se pueden combinar en InDesign para producir diseños ricos en contenido que cuentan con tipografía avanzada, gráficos incrustados, contenido de página, información de formato y otras opciones sofisticadas relacionadas con el diseño.
10. RAW – Formatos de imagen sin procesar
Una imagen RAW es el tipo de imagen menos procesada en esta lista; a menudo es el primer formato que hereda una imagen cuando se crea. Cuando toma una foto con su cámara, se guarda inmediatamente en un formato de archivo sin procesar. Solo cuando carga su contenido multimedia en un dispositivo nuevo y lo edita con un software de imagen, se guarda con una de las extensiones de imagen explicadas anteriormente.
Las imágenes RAW son valiosas porque capturan cada elemento de una foto sin procesar y perder pequeños detalles visuales. Eventualmente, sin embargo, querrá empaquetarlos en un tipo de archivo rasterizado o vectorial para que puedan ser transferidos y redimensionados para varios propósitos.
Como puede ver en los íconos de arriba, hay varios archivos de imágenes sin procesar en los que puede crear imágenes, muchas de ellas nativas de ciertas cámaras (y todavía hay docenas de formatos más que no se muestran arriba). Aquí hay una breve descripción de esos cuatro archivos sin formato anteriores:
- CR2: Esta extensión de imagen significa Canon RAW 2 y fue creada por Canon para las fotos tomadas con sus propias cámaras digitales. En realidad, se basan en el tipo de archivo TIFF, lo que los hace intrínsecamente de alta calidad.
- CRW: Esta extensión de imagen también fue creada por Canon, antes de la existencia del CR2.
- NEF: Esta extensión de imagen significa Nikon Electric Format y es un tipo de archivo RAW creado por (lo adivinaste) Nikon Cameras. Estos archivos de imagen permiten una edición extensa sin cambiar los tipos de archivo, siempre que la edición se realice con un dispositivo Nikon o un complemento de Photoshop de Nikon.
- FEM: Esta extensión de imagen significa Pentax Electronic Format, un tipo de archivo de imagen RAW creado por Pentax Digital Cameras.
Trabajar con imágenes es mucho más complicado de lo que parece a primera vista. Esperamos que esta guía le haya proporcionado una mejor comprensión de los tipos de archivos estándar y cuáles son los más apropiados para su proyecto.
¿Este artículo le hace preguntarse qué tipos de archivos de su logotipo tiene a mano? Eche un vistazo, y si no tiene un archivo .EPS o .AI guardado, le recomiendo que se comunique con su diseñador.
Como Director de Arte en Quintain Marketing, jessie-lee trae una combinación única de habilidades de diseño gráfico y marketing y redes sociales…