Formatos de archivo: cuándo usar JPG, PNG, TIFF, PDF, EPS o SVG

1. Introducción: Hola, bienvenidos a mi clase. A lo largo de esta clase, aprenderás sobre las diferencias entre una imagen ráster en una imagen vectorial. También discutiremos los formatos de archivo más comunes tanto para rásteres como para vectores, que son JPEG, PNGs, TIFF, PDF, EPS y SVG. Esos son básicamente los formatos más comunes. que usted o sus clientes necesitarán trabajar. Después de terminar esta clase tendrás la habilidad de saber qué formato de archivo usar para tu trabajo específico. Si es para imprimir, para un sitio web o simplemente para enviar a alguien con quien estás trabajando. A lo largo de mi carrera, he trabajado con revistas, organizaciones sin ánimo de lucro, organizaciones gubernamentales, empresarios... He hecho muchas cosas desde la impresión hasta la digital. Por lo que tengo trabajo con diferentes formatos. Por lo que esta clase es genial para fotógrafos, diseñadores gráficos, personas que crean contenido para los medios de comunicación. Cualquiera que cree, reciba o envíe obras de arte que se crean en programas como Photoshop o Illustrator, y necesite trabajar con ellas para sacarlas en el mundo. Por lo que no importa si eres un diseñador experimentado o simplemente estás empezando. Si alguna vez tienes la pregunta y no estás seguro de qué formato exportar tu ilustración, esta clase es para ti. Para esta clase, necesitarás un programa o app que te permita exportar al menos a JPEG o PNG. Estaré usando Illustrator y Photoshop. Puedes usar esos o puedes usar algo similar como Affinity, Procreate o Adobe Fresco. ¿ Estás listo para responder a todas tus preguntas sobre los formatos de archivo? Te veré en la primera lección. 2. Proyecto de clase: Antes de empezar nuestras clases, hablemos de nuestro proyecto de clase. Deberás acudir al área de “Recursos” de esta clase y descargar el documento “Proyecto de Clase”. Después tendrás que seleccionar una obra de arte propia y exportarla tanto en JPEG como PNG. Después colocarlos en estas zonas seleccionadas. Exportar esa obra de arte y subirla a la “Sección de Proyectos”. Me encantaría verlo. 3. ¿Qué es un formato de archivos?: ¿ Qué es un formato de archivo? Si formato de archivo indica al equipo en el que Programa se puede abrir un documento. Cada formato de archivo puede ser identificado por las tres o cuatro letras al final del nombre del archivo, después del punto, que se llama la extensión del archivo. Muchas veces se usan “extensión de archivo” y “formato de archivo” de manera intercambiable. Las extensiones de archivos están asociadas a un programa específico. Por ejemplo, un archivo creado usando Microsoft Word, tendrá la extensión de archivo DOCX dot. Si hace doble clic en este archivo, ese equipo sabrá que debería abrirse en Word. Existen diferentes tipos de formatos. Cuando un formato de archivo es de un programa específico, se llama “Extensión de archivo nativo”. Por ejemplo, DOCX de Microsoft Word, PSD de Photoshop, o AI de Illustrator. Algunos programas entienden la extensión de archivos nativos de otros programas, generalmente con algunas limitaciones. Por ejemplo, Apple Pages, que es el procesador de textos de Apple, puede abrir un documento de Microsoft Word. Pero algunas cosas pueden verse diferentes, como el formato y las fuentes. Otras veces esto no será posible. Por ejemplo, no se puede abrir el documento de Photoshop en Word. Pero hay algún tipo de formatos de archivo que pueden estar abiertos en diferentes programas y dispositivos, como un JPEG. Pero antes de saltar a la derecha y explicar esos formatos de archivo, primero vamos a explicar las diferencias entre la imagen ráster y una imagen vectorial. Para que puedas entender mejor todo esto. 4. Imágenes de Raster: Cuando hablamos de una imagen ráster nos referimos a una imagen que se crea a partir de píxeles. Un píxel es una unidad básica y más pequeña de una imagen digital que suele estar representada por un cuadrado. A un grupo de píxeles se le llama mapa de bits. Entonces cuando las personas se refieren a una imagen ráster o a una imagen de mapa de bits, se están refiriendo a lo mismo. Ahora, digamos que este cuadrado dorado es de una pulgada. Esta imagen tiene cinco píxeles de alto y cinco píxeles de ancho. Cinco multiplicados por cinco es igual a 25 píxeles. Por lo que esta imagen de una pulgada contiene 25 píxeles en total. Por lo general, las imágenes no se describen por el número de píxeles que contienen, sino por su resolución. El resolución es un número de píxeles que tiene una imagen por pulgada. En este caso, esta imagen tiene cinco píxeles por pulgada o PPI. Entonces es resolución es 5 PPI. Digamos que este otro cuadrado dorado también es de una pulgada. Pero en este caso en lugar de cinco, tenemos diez píxeles por pulgada. Por lo que esta imagen contiene un 100 pixels o una resolución de 10 PPI. Entonces, ¿qué pasa si estos cuadrados dorados se escalan hasta dos pulgadas? ¿ Significa eso que los píxeles se duplicaron? La respuesta es no. En este ejemplo se aumentó la imagen de una pulgada 10 PPI a una imagen de dos pulgadas. Pero el número de píxeles sigue siendo el mismo. Por lo que se redistribuyeron a toda la imagen porque duplicamos el tamaño, los píxeles ahora están divididos en la mitad por pulgada. Ahora tenemos una imagen de 5 PPI de 2 pulgadas. Cuando aumenta en la imagen en tamaño pero no en píxeles, la resolución disminuye. Por lo que la imagen comenzará a verse pixelada o borrosa. Por lo que cuanto más grande en tamaño quieras una imagen, más píxeles necesitas tenerla, mayor será la resolución. Saltemos a Photoshop para ver esto. Entonces aquí tenemos esta hermosa foto del atardecer de mi ciudad natal. Vamos a “Imagen”, “ Tamaño de imagen”, vamos a alejar un poco esto para echar un vistazo a esto, Así que ahora aquí tenemos esta imagen es de 16, alrededor de 16 por 24 pulgadas, el tamaño, y la resolución es de 240. Ahora desmarquemos la casilla “Resample” y aumentemos el ancho de la imagen por alrededor de 20 pulgadas. Vgc. ¿ Viste lo que pasó aquí? Disminuyó la resolución. Si lo llevamos a 25, sigue disminuyendo porque no estamos agregando píxeles, solo estamos haciendo que la imagen sea más grande en tamaño, en pulgadas, en este caso. Y los píxeles se están redistribuyendo dentro de ese espacio. Ahora cancelemos esto y abrimos de nuevo “Tamaño de imagen”. Y esta vez sigamos revisando la casilla “Resample” y aumentemos el ancho a 20 como lo hicimos antes. Pero esta vez, como pueden ver, la resolución se mantuvo en 240. Y si seguimos aumentando este tamaño de la imagen, la resolución será la misma, pero el tamaño de la imagen, aumentará, porque estamos agregando información. Al ser su estándar algo que se va a imprimir, debe tener una alta resolución que algo que sólo será el mostrado en su computadora o en su teléfono. Programas como ilustrador sugerirán exportar en 300, 150 o 72 PPI. Un diseño que se imprimirá debe ser de al menos 300 PPI. Los diseños que solo se mostrarán en la pantalla pueden ser de 72 PPI. A 150 PPI es este medio feliz estándar entre esos dos. Otro aspecto a tener en cuenta a la hora de considerar la resolución de una imagen, es la distancia de visualización. Específicamente si vas a imprimir algo, siempre te sugiero que te pongas en contacto con tu proveedor de impresoras y solicites especificaciones al documento. Porque imprimir una revista es definitivamente diferente a imprimir una cartelera. Debido a la distancia de visualización es diferente. No tengas miedo de preguntar. No quiere decir que no sepas algo o que no tengas experiencia. Pero lo contrario, muestra que sabes que cada archivo es diferente y que, eres capaz y quieres proporcionar el mejor archivo posible al proveedor de la impresora. Ahora, hablemos de imágenes vectoriales. 5. Imágenes vectoriales: Ahora entendemos qué es un ráster o una imagen de mapa de bits, pero a veces un proveedor de impresoras te pedirá que envíes un archivo vectorial. Entonces ahora vamos a explicar qué es eso. Cuando nos referimos a un vector, nos referimos a una imagen que se crea utilizando puntos y líneas, no píxeles cuadrados. Se puede crear un vector a cualquier tamaño. Cuando se escala hacia arriba o se escala hacia abajo en tamaño. El equipo utilizará ecuaciones matemáticas para ajustarlo. Esto mantiene su calidad. Adobe Illustrator es un programa basado en vectores. Podemos colocar una imagen ráster dentro de un documento en Illustrator y combinarlos con texto y vectores para crear un anuncio o algún diseño. Pero eso no quiere decir que todo dentro de él, es un archivo vectorial. Solo estoy explicando esto para que sepas que Illustrator, puede manejar imágenes ráster. El proceso de cambiar en imagen ráster en una imagen vectorial se llama vectorizar. Vayamos a Illustrator para echar un vistazo a cómo hacer esto. Aquí podemos ver la misma imagen del atardecer que vimos antes. Y estas dos imágenes se ven básicamente iguales. Pero vamos a acercar para ver las diferencias. Entrémonos primero en este. A medida que estoy acercando, se puede ver que empieza a, a pixelarse y se pueden ver los píxeles, los pequeños cuadrados. Ahora, vamos a acercarnos al otro. Ya verás eso, estos son colores y a medida que acerco puedes ver los puntos y nunca verás cuadrados. Esto significa que esta imagen es un vector. ¿ Cómo cambio esta imagen ráster en un vector? Bueno, hay que seleccionarlo. Hay diferentes formas de hacer esto. Puedes usar la Herramienta Pluma puedes usar un lápiz pero la forma más fácil para este escenario es seleccionar la imagen y “la imagen traza”. Aquí puedes ver que cambia a algo realmente extraño. Por lo que necesitas abrir tu “Panel de seguimiento de imágenes”. Y en este caso vamos a elegir el preset para “Foto de Alta Fidelidad”. Se va a llevar un poco de tiempo. Y luego haces clic en “Expandir”. Si tienes una imagen diferente y te gustaría unos resultados diferentes. Puedes jugar con todos estos presets y modos en el “Panel de seguimiento de imágenes”. Entonces ahora como puedes ver, tenemos puntos y colores. Entonces ahora esta imagen es una imagen vectorial. Como se puede ver desde muy lejos, parece una imagen, pero a medida que entramos empieza a verse diferente a una imagen real. Entonces eso es básicamente una diferencia entre una imagen ráster y una imagen vectorial. Una imagen ráster siempre se verá más realista que esa imagen vectorial. Ahora, el proceso para convertir una imagen vectorial en una imagen ráster es mucho más fácil. Aquí tenemos una imagen vectorial que acabamos de diseñar dentro de ilustrador. Sólo tienes que ir a “Archivo” > “Exportar” > “Exportar como” y por aquí puedes elegir el formato que te guste, JPEG, PNG, TIFF, o cualquier otro que sea necesario utilizar. Por lo que en resumen, Adobe Illustrator es un programa basado en vectores y tiene la intención de crear ilustraciones. Adobe Photoshop es un programa basado en ráster y está destinado a manipular imágenes y crear fotomontajes. Pero últimamente, mucha gente lo ha usado para crear diseños en él. Podrás preguntarte cuál debes usar para diseñar. Bueno, todo depende del propósito de tu contenido. Aquí tenemos algunas cualidades que nos ayudarán a decidir si debemos el diseño en un ráster o un vector. Si estás diseñando un volante de eventos que solo se imprimirá en un tamaño específico, para un evento de una sola vez, entonces estarás bien diseñándolo en Photoshop. Pero si estás diseñando un logotipo, posible que necesites que se imprima en un tamaño pequeño para una tarjeta de visita, pero también un tamaño grande para un envoltorio de auto. Debido a la capacidad que un vector te da para cambiar el tamaño sin perder calidad, es mejor diseñar este tipo de ilustraciones en Illustrator, también, un logotipo tendrá una vida a largo plazo y probablemente no estés seguro en qué tallas puedes lo necesitan en el futuro. Los rásteres contienen imágenes de la vida real con mucho detalle. Y por supuesto, Photoshop sigue siendo el programa más fuerte disponible para el montaje fotográfico y la edición fotográfica. Si tu trabajo está más relacionado con esos campos, entonces debes seguir con Photoshop. Lo que necesitas para estar atento y conocedor es la capacidad de tu computadora y el tamaño de esos proyectos. A pesar de que una ilustración vectorial puede ser compleja, los vectores no pueden recrear imágenes de la vida real. Entonces es considerar un gráfico más simple que un cuadro. Por lo que todo depende del contenido. Pero siempre me gusta decir que no hay mejor herramienta la que tienes a tu disposición. Entonces si tienes Photoshop, usa Photoshop, o si tienes Afinidad, usa Afinidad, usa lo que tienes en este momento. Ahora que conocemos las diferencias entre una imagen ráster y una imagen vectorial, hablemos de diferentes formatos de archivo para ambos. 6. JPEG: Uno de los formatos de archivo con el que la mayoría de las personas han tenido contacto es JPEG. Si alguna vez has tomado una foto y la transfieres a tu computadora, has trabajado con un formato JPEG. JPEG significa “Grupo de Expertos en Fotografía Conjunta”, que hace exactamente eso. Grupo de expertos en estandarización de codificación de imágenes fijas. Establecieron la compresión y procesamiento de imágenes fijas. Pero, ¿qué es un JPEG? Un JPEG es una imagen ráster comprimida. Comprimido significa que hace que los archivos sean más pequeños. JPEG es un archivo con pérdida, lo que significa que al comprimirlo pierdes calidad de la imagen. Pero a cambio, hace que sea más manejable entre dispositivos y programas. Puedes usar JPEG en sitios web y redes sociales. Puedes imprimirlos en una calidad decente. Permite compartirlos de manera rápida y eficiente. Notará que en algunas instancias, su extensión de archivo puede leer JPEG y otras JPG. Ellos son lo mismo. Computadoras antiguas no soportaban tener cuatro letras en la extensión del archivo. Por lo que acortan la extensión de JPEG a JPG. actualidad, es posible que tengas ambos en tu computadora y que se abran en este mismo programa. En resumen, un JPEG es un archivo con pérdida de ráster. Soporta tanto RGB como CMYK. Se utiliza con mayor frecuencia son para impresión, redes sociales, correo electrónico, sitios web, almacenamiento, usted lo nombre. Y eso es fortaleza, que es compatible con casi todos los dispositivos, programas o aplicaciones y reducir el tamaño de tu archivo mientras lo mantiene agradable. Es debilidad es que no se puede restaurar una imagen de baja resolución a una de alta calidad a la perfección. 7. PNG: Otro formato de archivo común es PNG.PNG sinónimo de “Portable Network Graphics”. Un PNG es una imagen Raster que, a diferencia de un JPEG, es un archivo comprimido sin pérdidas Lo que significa que no pierde su calidad una vez que se comprime. El rasgo más común de un PNG es que tiene la capacidad de mostrar un fondo transparente. Un JPEG siempre será un cuadrado o un rectángulo. Un PNG permite exportar cualquier forma. Ese fondo transparente generalmente estará representado por un tablero blanco y gris en programas como Photoshop. En cuanto a formatos de color, se puede exportar un JPEG en RGB o CMYK. Un PNG sólo podrá exportar en RGB. Si por algún motivo necesitas un PNG en el formato de color de CMYK porque está destinado a ser impreso, necesario abrir en Photoshop. Borre el fondo ahí, y luego coloque el documento de Photoshop en InDesign o Illustrator. Si necesitas un fondo blanco en un PNG, puedes exportar uno, agregar un fondo blanco en Photoshop o seleccionar blanco mientras exportas en Illustrator. En resumen, un PNG es un archivo ráster sin pérdida. Solo soporta RGB. Se utiliza con mayor frecuencia son sitios web, redes sociales, o como parte de un diseño tanto en Illustrator, InDesign, o incluso Photoshop. Su fuerza es que comprima una imagen en su más alta calidad. Ofrece la opción de un fondo transparente. Es debilidad es que no exporta en CMYK y los archivos son de mayor tamaño que un JPEG. 8. TIFF: Ahora hablemos de un formato de archivo menos común. A TIFF. TIFF significa “Tagged Image File Format. A TIFF es una imagen ráster. Eso puede ser comprimido tanto sin pérdida como con pérdida. Soporta RGB y CMYK. También apoya la transparencia y las capas. Por lo que es muy común usar en Photoshop, aunque se puede, se puede exportar un archivo en Illustrator. Este formato es utilizado principalmente por fotógrafos o diseñadores que trabajan juntos en un proyecto. En resumen, un TIFF es un ráster, tanto con pérdida como con un archivo sin pérdida. Apoyará tanto RGB como CMYK. Es usos más comunes es para imprimir o escanear en imágenes de alta calidad a grandes tamaños. Su fortaleza es que se trata de un archivo fácil de compartir entre colaboradores profesionales que se encuentran en el proceso de edición. Por ejemplo, un fotógrafo puede enviar una imagen en TIFF a un diseñador gráfico, diseño en una revista. Su debilidad es que no todos los programas lo apoyan. No se puede abrir en ningún programa. 9. PDF: Un PDF es un formato de archivo común que se utiliza en su mayoría para leer material. PDF significa “Portable Document Format” y fue creado por Adobe. Un PDF admite tanto imágenes ráster como vectoriales. Simplemente depende de con qué se originó el archivo. También puede ser sin pérdida una compresión con pérdida. Depende de las especificaciones que seleccione, una vez exportado. Su propósito era que la gente pudiera compartir un documento con alguien que no tenía el programa original con el que, ese archivo fue creado, por ejemplo. Entonces cuando se diseñó algo en Illustrator y quiero enviarlo a un cliente, pero el cliente no tiene el programa. Por lo que el diseñador exporta el diseño en un PDF y lo envía al cliente, para que el cliente pueda verlo. Un PDF puede ser bastante poderoso. Se pueden agregar videos, audio o incluso firmar documentos. En estos días, los diseñadores utilizan principalmente PDF para enviar un archivo a un proveedor de impresoras. Porque en la ventana de exportación, puede elegir marcas de recorte y otras especificaciones que los proveedores de impresoras necesitarán. En resumen, un PDF puede ser ráster o vector y archivo con pérdida o sin pérdida. Soporta tanto RGB como CMYK. Es usos más comunes son enviar un archivo a un proveedor de impresoras, a través de correo electrónico o como descarga digital en un sitio web. Su fortaleza es que conserva el aspecto del documento y se puede ver en muchos dispositivos. Hace que tus archivos sean más pequeños, vez que mantiene su calidad. Hace su manejable. Su debilidad es que sólo los programas especializados pueden editar un PDF. Es posible que necesite instalar también Adobe reader para abrirlo. 10. EPS y SVG: Hasta el momento hemos hablado de formatos de archivo que expertos en imágenes en archivos ráster. Pero quiero hablar de otros dos formatos de archivo, las exportaciones en vector. El primero es EPS. EPS significa “PostScript encapsulado”. Un postscript es un lenguaje descriptivo. Le dice a la máquina qué mostrar. Fue creado por Adobe para impresoras. El postscript se comunica con la impresora para producir una imagen idéntica a la digital. Antes de esto, este proceso tenía que hacerse manualmente. actualidad, el uso más común de un EPS es enviar a un proveedor de impresoras. Cuando alguien te pide que envíes el archivo como archivo vectorial, significan que exportas tu archivo de Illustrator como un EPS. De esa manera, no sólo el ilustrador puede abrir el archivo, sino otros programas que soportan vectores, como Corel Draw. En resumen, un EPS es un archivo vectorial y sin pérdidas. Soporta tanto RGB como CMYK. El uso más común es enviar un archivo a un proveedor de impresión. Su fuerza es que mantiene editable el archivo vectorial original y se puede redimensionar sin perder calidad. Su debilidad es que sólo se puede editar con un programa basado en vectores. El segundo formato vectorial es un SVG. SVG significa “Gráfico Vectorial Escalable”. Este formato le permite mostrar imágenes vectoriales en su sitio web, generalmente se utiliza para sitios web receptivos. Lo que significa que son sitios web que ajusta sus imágenes, o su contenido, dependiendo del tamaño de las pantallas desde las que lo estés viendo. Puedes escalar hacia arriba o hacia abajo un SVG, y no perderás ninguna calidad. Debido a que está destinado a web. el formato de color más común es HEX. No en CMYK. Pero puedes exportarlo en RGB. Cuando seas experto y SVG y quieras previsualizarlo, debes hacerlo en un navegador como Google Chrome. Este formato de archivo no se recomienda para la impresión. En resumen, un SVG es un archivo vector y sin pérdidas. Soporta RGB o HEX. Utiliza es básicamente para sitios web, especialmente el diseño web receptivo. Es fuerza es que, se puede redimensionar sin perder calidad. Y su debilidad es que no todos los programas o servicios lo respaldan. 11. Conclusión: Hemos llegado al final de esta clase. Hemos discutido esa diferencia como entre un vector y una imagen ráster. Además, hemos discutido los formatos de archivo más comunes que puede necesitar para sus proyectos, o para sus clientes. Como puedes ver, puedes tener el archivo más óptimo para los efectos de tu proyecto. Algunas cosas a tener en cuenta son las siguientes. Número uno, debe buscar las especificaciones del proveedor de servicios. Número dos, si no los encuentras, pregúntales, porque algunos proveedores pueden preferir, por ejemplo, un PNG en lugar de un JPEG o TIFF en lugar de un JPEG. Número tres, cuando tenga dudas, pruebe el tamaño y la resolución de su archivo en diversos formatos de archivo. Podrás, subir algo a través de tu página web como PNG o JPEG. Pero el tamaño del archivo y la forma en que se ve, la resolución, pueden variar. Por lo que si no estás seguro, podrías probar diferentes opciones hasta que encuentres la que mejor se ajuste a tu documento o a tu proyecto. Número cuatro. Por regla general, los archivos de impresión siempre deben ser 300 DPI y los archivos digitales siempre deben ser de 72 DPI. Y el número cinco, recuerden, la tecnología siempre está cambiando y siempre hay posibilidad de excepciones. Por eso la primera fue pedir siempre a tu proveedor las especificaciones. Porque las cosas cambian y tal vez por impresión. No necesitan un PDF. Pueden hacer un JPEG porque tienen una máquina que funciona mejor en JPEG. Nunca se sabe. Ahí es donde siempre debes preguntar y estar siempre abierto para aprender qué hay de nuevo ahí afuera. Te sugiero que descargues el PDF denominado “Formatos de archivo” de la sección “Recursos”. Para que así puedas tener a mano un resumen de esta clase siempre que lo necesites. Si tienes alguna pregunta, no dudes en hacerlas en la sección “Discusión”. También recuerda subir tus proyectos de clase. Me encantará verlos. Gracias por tomar esta clase. Nos vemos en el siguiente.