Heading

Descargue nuestra hoja de trucos sobre tipos de archivos de imagen &

Descárguela, imprímala y guárdela para futuras referencias.

¿Qué es un archivo vectorial? ¿Qué es un archivo rasterizado?

Podemos empezar a dar sentido a la cuestión aclarando la diferencia entre los dos principales tipos de imágenes: rasterizadas y vectoriales.
Las imágenes rasterizadas utilizan muchos píxeles de colores o bloques de construcción individuales para formar una imagen completa. Los JPEG, los GIF y los PNG son tipos de imágenes rasterizadas comunes. Casi todas las fotos que se encuentran en la web y en los catálogos impresos son imágenes rasterizadas.

Debido a que las imágenes rasterizadas se construyen utilizando un número fijo de píxeles de color, no se pueden redimensionar drásticamente sin comprometer su resolución. Cuando se estiran para adaptarse a un espacio para el que no fueron diseñadas, sus píxeles se vuelven visiblemente granulados y la imagen se distorsiona. Por eso las fotos modificadas pueden aparecer pixeladas o con baja resolución. Por lo tanto, es importante guardar los archivos rasterizados con las dimensiones exactas necesarias para eliminar posibles complicaciones.

Las imágenes vectoriales, en cambio, permiten una mayor flexibilidad. Construidas mediante fórmulas matemáticas en lugar de bloques de colores individuales, los tipos de archivos vectoriales como EPS, AI y PDF* son excelentes para crear gráficos que requieren frecuentemente un cambio de tamaño. El logotipo de tu empresa y los gráficos de la marca deberían crearse como vectores y guardarse como archivo maestro para poder utilizarlos en elementos más pequeños, como la tarjeta de visita y el membrete, pero también en superficies más grandes, como tu jet corporativo. Cuando sea necesario, cree siempre un JPG o PNG para utilizarlo en la web a partir de este archivo vectorial maestro. Sólo asegúrese de guardar el nuevo archivo rasterizado en las dimensiones exactas necesarias.

*Un PDF es generalmente un archivo vectorial. Sin embargo, dependiendo de cómo se cree originalmente un PDF, puede ser un archivo vectorial o rasterizado. Si opta por aplanar las capas de su archivo o elige conservar cada una de ellas determinará el tipo de imagen.

¿Alta resolución o baja resolución?

Para determinar si sus imágenes rasterizadas tienen una resolución adecuada para una aplicación específica, debe comprobar su densidad de píxeles. Las unidades de medida como puntos por pulgada (DPI) o píxeles por pulgada (PPI) se refieren al número de píxeles en una pulgada de la imagen. Estas medidas son importantes cuando se intenta utilizar imágenes rasterizadas en lugares específicos, como en la web o en publicaciones impresas.

La web, históricamente, muestra 72dpi (72 puntos o píxeles por pulgada) – una densidad de píxeles relativamente baja, sin embargo la mayoría de las pantallas modernas son ahora mucho más altas. No obstante, muchas imágenes de la web siguen estando en ese rango de 72-100 ppp. Aunque los monitores pueden mostrar una resolución más alta, la web también debe estar optimizada para la velocidad, por lo que las imágenes de alrededor de 100 ppp alcanzan el punto óptimo para verse bien en una pantalla, pero también para cargarse rápidamente. Las imágenes rasterizadas con un DPI bajo en el rango de 72-100 se ven bien y nítidas en la web. Pero esta misma imagen de bajo DPI puede no ser adecuada para imprimir en un folleto o en un embalaje. Para imprimir correctamente una imagen, debe tener al menos 300 ppp, una densidad de píxeles mucho mayor que la que muestra la web. Redimensionar una imagen de bajo DPI extraída de la web para que se ajuste a las dimensiones de su proyecto de impresión no funcionará porque el mismo número finito de píxeles sólo se agranda y comienza a distorsionarse. Por ejemplo, digamos que usted quiere imprimir su logotipo en 2″x3″ en un folleto. Si tiene un jpg de 72dpi de su logotipo y es de 2 pulgadas por 3 pulgadas, tendrá que ser «estirado» a más de 3 veces el tamaño para llegar a 300dpi. Ese logotipo de 72dpi puede verse muy bien en el monitor de su ordenador, pero cuando se imprima a 300dpi se verá pixelado. En su lugar, debería utilizar una versión vectorial de su logotipo (.EPS o .AI) o crear un rasterizado (JPG) con las dimensiones exactas deseadas y a 300dpi.

Diferentes tipos de extensión de archivo de imagen y el mejor uso para cada uno

JPG
JPG (o JPEG) es una imagen rasterizada que se utiliza a menudo para fotografías en la web. Los JPGs pueden ser optimizados, cuando se guardan fuera de photoshop, para encontrar el equilibrio perfecto de tamaño de archivo pequeño y alta calidad. En la web, quieres que tus archivos de imágenes sean lo más pequeños posible para que tu sitio se cargue rápidamente, pero lo suficientemente grandes para que sigan apareciendo nítidos y no pixelados. Un JPG no puede tener un fondo transparente, por lo que siempre tienen la forma de un rectángulo o cuadrado con un fondo sólido.

El mejor uso = fotos y fotografías rectangulares o cuadradas en su sitio web.
PNG
PNG es otro tipo de imagen de trama. Para el vendedor general, la principal diferencia a entender entre un PNG y JPG es que un PNG puede tener un fondo transparente y es generalmente más grande y de mayor calidad. Por lo tanto, un PNG es ideal para guardar archivos de logotipos para sitios web porque pueden colocarse sobre un fondo de color.

Mejor uso = logotipos, iconos y otras imágenes en las que se prefiere un fondo transparente.
GIF
Un GIF es otro tipo de imagen rasterizada. Un GIF está formado por hasta 256 colores del espacio de color RBG. Cuantos menos colores y matices contenga una imagen, menor será el tamaño del archivo. Por lo tanto, un GIF es ideal para imágenes que utilizan sólo unos pocos colores sólidos y no tienen degradados o matices naturales. No querrá utilizar un GIF para una fotografía.

El mejor uso = gráficos web sencillos como botones web, gráficos e iconos.
TIF
Un TIF (o TIFF) es un archivo de trama grande. No tiene pérdida de calidad y, por lo tanto, se utiliza principalmente para imágenes utilizadas en la impresión. En la web, debido al tiempo de carga, generalmente se desea utilizar imágenes más pequeñas como JPG o PNG.

Mejor uso = imágenes y fotografías para impresión de alta calidad.
EPS
Un archivo EPS es un archivo vectorial de un gráfico, texto o ilustración. Al ser vectorial, puede ser fácilmente redimensionado a cualquier tamaño que necesite. Un archivo EPS puede reabrirse y editarse.

Mejor uso = archivos maestros de logotipos y diseños gráficos y de impresión.
AI
Un archivo AI es un tipo de archivo vectorial propietario creado por Adobe que sólo puede crearse o editarse con Adobe Illustrator. Es el más utilizado para crear logotipos, ilustraciones y diseños de impresión.

Mejor uso = crear logotipos, gráficos, ilustraciones.

Edición de archivos vectoriales y guardar «en contornos»
Los archivos vectoriales como AI y EPS pueden seguir siendo editables, por lo que puede abrirlos de nuevo en Illustrator y editar cualquier texto u otros elementos dentro del gráfico. Con las imágenes que contienen texto que se guardan como JPG, PNG o GIF, no se podría volver a abrir y editar el texto.

En MODassic a menudo creamos archivos en Illustrator y guardamos un archivo AI como nuestro archivo maestro, pero luego también guardamos una versión EPS, «en contornos» que se utiliza en la producción y se envía a imprimir.

Guardar en «outlines» es un término que oirás cuando envíes archivos a imprimir. Si una imprenta no tiene la fuente que usaste en tu diseño y el archivo vectorial no está guardado en «outlines» entonces cuando abran el archivo el texto no tendrá el aspecto deseado ya que por defecto tendrá una fuente diferente. Guardar algo con «contornos» significa básicamente que estás bloqueando el texto para que ya no sea técnicamente una fuente, sino que esté compuesto por formas vectoriales que forman tus letras. Esto es importante cuando se envían los gráficos a imprimir. Guardar un archivo en contornos hace que su texto ya no sea editable, por lo que en MODassic mantenemos el archivo AI como un maestro editable y luego guardamos un EPS como la obra de arte final bloqueada que enviamos a imprimir.

Trabajar con imágenes puede ser confuso, pero teniendo estos datos clave en mente eliminará gran parte de la molestia y, por supuesto, siempre estamos aquí para ayudar o responder a cualquier pregunta.