La diferencia entre gráfico pixelado y gráfico vectorial

Quienes ya se han ocupado en profundidad de los diferentes formatos de imagen, seguramente se han topado con los términos píxel y vector. Ambos son elementos que pueden componer una imagen. Pero, ¿qué diferencia a los gráficos pixelados de los gráficos vectoriales? ¿Qué ventajas e inconvenientes tienen? ¿Y para qué trabajos gráficos son más adecuados? Hemos comparado ambos y los hemos analizado más detenidamente.

¿Píxeles o vectores? Las diferencias más importantes de un vistazo

Quien trabaja con imágenes digitales, ya sea en diseño web, impresión o creación de logotipos, se encuentra rápidamente con dos tipos básicos de gráficos: gráficos pixelados y gráficos vectoriales. Ambos tienen sus características específicas, ventajas y desventajas, y son más o menos adecuados según la aplicación. Para que sepas directamente lo que importa, aquí tienes un resumen de las diferencias más importantes:

Gráficos pixelados
Están formados por pequeños puntos de color (píxeles).

✔ Ideales para fotos e imágenes con muchos detalles.

✘ Pierden nitidez al ampliarlos.

▶ Formatos típicos: JPG, PNG, TIF, PSD.

▶ Se pueden editar con programas como Photoshop.

Los gráficos vectoriales

se basan en líneas y superficies definidas matemáticamente

✔ Escalables sin pérdida de calidad: perfectos para logotipos e iconos

✘ Adecuados solo de forma limitada para representaciones fotorrealistas

▶ Formatos típicos: SVG, EPS, AI, PDF (basados en vectores)

▶ Editable con, por ejemplo, Illustrator

Los gráficos vectoriales se reconocen porque nunca se ven borrosos, incluso cuando se amplían mucho, y suelen tener extensiones como .svg, .eps o .ai. ¿Quieres saber si tu archivo PDF contiene datos vectoriales? Simplemente amplía mucho el PDF. Si todas las líneas y bordes siguen siendo nítidos, se trata de un archivo vectorial. En un archivo de píxeles, a partir de cierto punto se podrían distinguir los píxeles.

Mueve el control deslizante hacia la izquierda y hacia la derecha para ver directamente la diferencia entre el gráfico pixelado y los gráficos vectoriales. A primera vista, la imagen parece idéntica, pero al ampliarla, el gráfico pixelado se ve borroso, mientras que los gráficos vectoriales siguen siendo nítidos incluso al ampliarlos.

Si deseas saber más sobre cómo funcionan estos tipos de gráficos, cuáles son sus puntos fuertes y cuándo es mejor utilizar cada formato, encontrarás más información en el siguiente artículo.

Gráfico pixelado

El nombre «píxel» es una combinación de los términos ingleses «picture» y «element», que en español significan «elemento de imagen» o «punto de imagen». Los píxeles son puntos cuadrados individuales que componen una imagen. Cada uno de estos puntos tiene un color y, al combinarlos, se obtiene la imagen. Normalmente, estos puntos son muy pequeños, para que se pueda reproducir la mayor cantidad posible de información de color y el resultado sea nítido. Solo cuando se amplía mucho se pueden reconocer los componentes individuales. Al hacerlo, cambian las dimensiones de la imagen, pero su resolución permanece igual. Esta se indica en ppp, es decir, puntos por pulgada (en inglés, dots per inch). Si, por ejemplo, una imagen se amplía al doble, cada píxel se duplica en tamaño. Por lo tanto, en una pulgada solo hay la mitad de píxeles. Cuanto mayor sea la ampliación, más granulada y pixelada será la imagen.

Esto pone de manifiesto la desventaja más evidente de los gráficos pixelados. No es posible cambiar el tamaño sin que se vea afectada la calidad. Y cuanto más grande y nítida sea la imagen, mayor será el tamaño del archivo. Esto supone un gran problema (en el sentido más literal de la palabra) a la hora de enviarla por correo electrónico. A cambio, permite una representación muy precisa de los detalles, dependiendo de la resolución. Las gradaciones y transiciones de color complejas no suponen ningún problema. Se puede editar cada punto individualmente. Existen muchos formatos de archivo diferentes para distintos ámbitos de aplicación, cada uno de ellos adaptado a sus necesidades específicas. Estos formatos de archivo no están vinculados a un programa concreto, sino que se pueden visualizar y editar en la mayoría de los programas de edición de imágenes.

Formatos: TIF, JPG, BMP, PNG, PSD, GIF, etc.
Programas de edición: por ejemplo, Adobe Photoshop, Fireworks, Corel PaintShop Pro

Gráficos vectoriales

Probablemente, la mayoría de vosotros conocéis el término «vector» de las clases de matemáticas. Y, de hecho, un gráfico vectorial es una especie de colección de fórmulas matemáticas. A partir de la información de figuras geométricas como líneas, curvas, círculos o polígonos, se crean gráficos que se combinan para formar una imagen más compleja. No se almacenan píxeles, sino rutas que contienen, por ejemplo, información sobre el tamaño y el color. Estas rutas pueden modificarse sin que se produzca una pérdida de calidad. La diferencia con los gráficos pixelados se hace especialmente evidente cuando se amplían. Un gráfico vectorial puede ampliarse tanto como se desee sin perder nitidez. La información almacenada se convierte al nuevo tamaño y las figuras se dibujan en consecuencia. Por eso, los gráficos vectoriales son especialmente adecuados para logotipos o iconos, que a menudo se utilizan en diferentes tamaños. Como la imagen no contiene más información, sino solo información modificada, el archivo tampoco aumenta de tamaño.

A diferencia de un gráfico pixelado, en un gráfico vectorial es muy difícil representar detalles complejos. Efectos como sombras o reflejos, por ejemplo, deben crearse manualmente con elementos adicionales en los tonos de color correspondientes, lo que requiere mucho trabajo. Los formatos de archivo en los que se guardan los gráficos vectoriales suelen requerir programas especiales con los que son compatibles. Solo es posible visualizarlos y editarlos en ese programa. Por ejemplo, un archivo .ai solo se puede abrir con Adobe Illustrator.

Formatos: p. ej., EPS, AI, CDR, WMF, PDF
Programas de edición: p. ej., Adobe Illustrator, Corel Draw, Macromedia FreeHand