Categorías
El cliente inteligente

La guía de los formatos de archivo

Los diseñadores trabajamos a diario con multitud de formatos de archivo. Para nosotros es tan importante utilizar el adecuado para enviar y recibir información como lo puede ser la buena estructura de un post para un blogger.

¿Te ha pasado alguna vez el no saber en qué formato necesitas una imagen? O qué archivos debes pedirle a tu diseñador para luego poder utilizar en tu blog.

A continuación todo lo que tienes que saber sobre este tema para escalar posiciones como el mejor cliente del mundo.

Las imágenes

Empecemos por decir que es preferible que envíes el archivo adjunto en un e-mail. En caso de que, por resultar una imagen muy pesada (demasiado grande) no puedas, intenta enviarla a través de WeTransfer o con Dropbox.

Si quieres enviar más de 1 imagen, intenta comprimirlas antes en un solo archivo de formato .zip. Si utilizas WeTransfer esto no sería necesario ya que lo hace la herramienta online, pero si no es así tendrás que hacerlo tú.

  • • En Windows el programa más conocido para hacer esto se llama WinZip.
  • • En Mac no es necesario tener ningún programa: haz click derecho y selecciona Comprimir “título del archivo”.
  • • Si prefieres hacerlo online prueba con este conversor.

Formatos .jpeg o .jpg

Formatos de archivo: el .jpeg o .jpg

Son las dos extensiones más conocidas y a las que suele tener acceso más gente. Tienes que saber sobre este formato que se utiliza, sobretodo, para fotografías que se vayan a utilizar en pantallas. Una imagen con esta terminación ya ha sido comprimida, por lo que ha perdido un poco de información. Esto no es relevante para fotografías que se vayan a insertar en webs o blogs, pero sí puede afectar en aquellas que vayan a aparecer en documentos impresos o grandes tamaños (vallas publicitarias, lonas…).

⭐️ Ya la estás usando a diario. No es el mejor formato del mundo para según qué cosas pero es mejor que no tener nada.

Limitaciones de los formatos .jpeg o .jpg

  • No se aconseja modificar este archivo (cada vez que se abre pierde calidad).
  • Eliminar el fondo de la imagen se convierte en un proceso delicado y en el que la pericia del diseñador juega un papel determinante.
  • Puede reducirse su tamaño, pero no aumentarlo.
  • Se trata de imágenes estáticas (no pueden incluir animación).

El formato .png

Formatos de archivo: el .png
También comprime la imagen original, pero se trata de una compresión más amigable y que produce menor pérdida de información. Está pensado únicamente para conservar la transparencia de las imágenes. Tiene sentido utilizarlo cuando la imagen en cuestión tiene zonas transparentes que queramos conservar. Esto es más fácil verlo con un ejemplo:

Formatos de archivo en diseño

El fondo en cuadrícula representa, en Photoshop, la zona transparente de una imagen.

 

 

 

Formato jpgFormato .png

La imagen de la izquierda es la anterior guardada en .jpg (ha creado un fondo blanco).

La de la derecha ha sido guardada en .png.

¿No notas la diferencia? Lógico, porque el fondo de esta página es blanco ahora mismo. Pero, ¿qué ocurre si lo cambiamos?

 

Formato jpgFormato .png

La de la izquierda, formato .jpg. La de la derecha, formato .png. Ahora sí que puedes apreciar la diferencia.

 

⭐️ Usa el .png si quieres que existan zonas transparentes en tus imágenes.
⭐️ Si vas a utilizar imágenes para web con grandes zonas de color plano, utiliza este formato.

Limitaciones del formato .png

  • Está pensado para imágenes de pequeño tamaño (es decir, para imágenes para la web).
  • Puede reducirse su tamaño, pero no aumentarlo.
  • Se trata de imágenes estáticas (no pueden incluir animación).
  • No admite el modo de color CMYK, por lo que no sirve para impresión.

El .gif, el formato de las animaciones

Formatos de archivo: el gifEste formato se popularizó a raíz de la proliferación de espacios web que se dedicaban a difundir pequeños trozos de series o películas graciosos. Las animaciones en este formato, llamadas directamente gifs, captan la atención del visitante en función de su ubicación (en las redes sociales funcionan bastante bien).

⭐️ Utilízalo para lo que es.

Limitaciones del .gif

  • No tiene sentido usar este formato con imágenes estáticas.

Los formatos vectoriales: .eps y .ai

Los formatos de archivo vectorialesPor lo general, los diseñadores no solemos entregar archivos originales. Y si lo hacemos, lo habitual es que estos archivos tengan un precio más elevado que el formato .jpeg o .png.

Pero vayamos por partes. Me imagino que ahora mismo estarás preguntándote qué es una imagen vectorial: un gráfico realizado mediante vectores. La huella de perro de los anteriores ejemplos está realizada de esa forma:

Qué es una imagen vectorial

La gran ventaja de estas imágenes es que NUNCA pierden calidad y puedes modificarlas cuando y como quieras. Yo puedo hacer una ilustración vectorial en un archivo de 5cm de alto y de ancho. Imagínate que, más tarde, quiero aplicar dicho dibujo sobre la portada de una agenda y necesito que mida 10cm: teniendo el archivo vectorial, la aumento de tamaño y listo. Luego decido imprimirla sobre una lona que mida 500 METROS: puedo hacerlo volviendo a aumentarla. Es completamente escalable.

¿Puede hacerse esto con un archivo .jpeg, .jpg o .png? NO.

El formato vectorial universal y que cualquier diseñador puede abrir en su ordenador es el .eps. Sin embargo, el formato .ai se corresponde con los archivos creados en Adobe Illustrator y por tanto solo podrá ser abierto desde ese programa.

⭐️ Estos formatos son manipulados por diseñadores y personal de impresión, pero nunca está de más que sepas en qué te beneficia o limita un archivo vectorial.

  • Solo se puede abrir/modificar desde un programa de diseño vectorial.
  • No es un formato final (se usa solo para trabajar con él).
  • No apto para mostrar estas fotografías, pero sí para este tipo de imágenes (ojo, cuanto más realista el resultado vectorial más grande y pesado será el archivo).

El formato .tiff

Formato de archivo: .tiff o .tifEste es el formato perfecto para incluir imágenes en archivos que se vayan a imprimir: fotografías, libros, agendas… Los gráficos conservan toda su calidad y permiten su manipulación a la hora de la estampación sin dar mayores problemas. Se trata de archivos, por lo general, grandes y pesados.

⭐️ Úsalo únicamente para llevar un archivo a la imprenta.

Los archivos

El formato .pdf

El formato .pdfSu uso cada vez está más extendido y puede leerse desde todos los ordenadores (de forma nativa en Apple y desde Acrobat Reader desde Windows). Con él únicamente se presentan documentos de texto: guías, tutoriales, dossieres, manuales…

⭐️ No se descolocan los elementos una vez guardado, cosa que sí puede suceder en Word.

¿Necesitas un archivo en formato .PDF bien maquetado? Pásate por mi página de servicios y habla conmigo.

Los formatos .doc o .docx y .xlsx o .xls

Los formatos de Word y ExcelLos dos primeros se corresponden con Microsoft Word y los dos últimos con Microsoft Excel. Me gustaría confesarte desde aquí que los diseñadores no somos precisamente amantes del Word. Pero como se trata de un programa muy conocido y con el que todos hemos tenido que trabajar en algún momento, la mayor parte de los documentos que recibimos están en este formato (.doc o .docx).

⭐️ Usa Word únicamente para enviar texto. Puede ir acompañado de imágenes, pero recuerda que lo ideal es que, de ser así, las adjuntes después en su correspondiente formato .jpeg.

⭐️ Evita enviar archivos Excel e intenta plasmar en un Word la información relevante de esa hoja de datos.

Limitaciones de los formatos .doc y .docx

  • Los elementos se descolocan, por lo que maquetar un Word es un proceso lento y con frecuencia desesperante.
  • Sólo válido para enviar texto: cartas, posts, redacciones…

Limitaciones del formato .xls y .xlsx

  • Sólo válido para enviar tablas de datos.

Resumiendo

⭐️ Envía siempre las imágenes por separado. Si son varias, intenta comprimirlas.

⭐️ Usa .jpeg o .jpg para incluir una pequeña fotografía en tu blog (de paisaje, retrato… lo que sea).

⭐️ Usa .png para imágenes tipo ilustración como las de este post, o si necesitas transparencia.

⭐️ Usa .gif para animaciones.

⭐️ Conoce las posibilidades de las imágenes vectoriales. Un diseñador no puede hacer que una imagen en .jpeg conserve la poca calidad que tiene al ampliarla: si se lo pides, se verá obligado a recurrir a otras opciones.

⭐️ Los archivos .pdf son los mejores para enviar formalmente un documento al lector final.

⭐️ Usa Word (si quieres) para enviar una redacción, pero aunque las imágenes estén dentro mándalas también por separado.

 

¿Qué te ha parecido esta guía? ¿Te ha quedado más claro para qué sirve cada formato? Deja tus impresiones en los comentarios y lo vemos.

Puedes valorar este post pinchando sobre las estrellas (¡gracias!):
[yasr_visitor_votes size=”medium”]

Deja un comentario

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




Lúa Louro te informa que los datos de carácter personal que proporciones cubriendo este formulario serán tratados por Lúa Louro González como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicito es para gestionar los comentarios que realizas en este blog. Legitimación: Consentimiento del interesado. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no atender pueda tu solicitud. Como usuario e interesado te informo que los datos que me facilitas estarán ubicados en los servidores de Raiola (mi proveedor de hosting) dentro de la UE. Ver la política de privacidad de Raiola. Legitimación: Consentimiento del interesado. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no atender pueda tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en hola@lualouro.com así como el derecho a presentar una reclamación ante una autoridad de control.Puedes consultar la información adicional y detallada sobre Protección de Datos en https://lualouro.com, así como consultar mi política de privacidad.