Diferencia de imágenes formadas con vector y píxel

Conceptos de diseño

La imágenes que vemos en las pantallas de los ordenadores, las que capturamos con las cámaras de fotos o escaneamos, las tipografías al escribir un texto, y la gran mayoría de las cosas que podemos ver en una pantalla representadas en el mismo plano (2D), están realizadas en dos formatos de imágenes diferentes, vector píxel.

vectores y pixeles

Vector y píxel

A simple vista puede que nos parezcan iguales, pero son completamente diferentes, y a la hora de hacer nuestros diseños, es muy importante saber como utilizarlos para no llevarnos sorpresas con el resultado final.

Para poder manejar bien estos conceptos, se necesita saber cual es el origen de cada uno.

Píxeles e Imágenes Rasterizadas - bimaps o mapa de bits

La palabra píxel está formada por la mezcla de otras dos, picture (imagen, en inglés) y element (elemento, en inglés), podríamos definirlo como "el elemento que forma la imagen".

En los años 50, Russell Kirsch creó la primera imagen digital al escanear una fotografía de su hijo.

baby_pixels
Primera foto digital

La idea era recrear una fotografía usando un sistema basado en una cuadrícula de colores y tonos y en el sistema binario de 0 y 1 o mapa de bits.

Estos "elementos de imagen" son los componentes básicos indivisibles de toda obra de arte digital, compleja o simple.

Las limitaciones de la época no le permitieron a Kirsch realizar la imagen más grande de 176 píxeles de ancho y en escala de grises.

Su trabajo sentó las bases de las imágenes de satélite, la tomografía computarizada, la realidad virtual...

La decisión de que los píxeles fueran cuadrados, ocasionaba que los bordes de las imágenes no fueran muy precisas. Y, aunque se ha mejorado el tipo de algoritmo que trata estos cuadrados, sigue teniendo sus limitaciones.

La rasterización es el proceso de convertir cualquier tipo de imagen no basado en píxeles en una imagen basada en píxeles digitales.

No debemos confundirlo con el proceso de escanear una imagen o un documento, estos escanéos pueden hacerse de muchas maneras y dependiendo para lo que los vayamos a utilizar deberemos rasterizarlos o no.

Píxeles y Monitores

Mucho antes de que se creara la primera imagen digital, ya existían los píxeles en los monitores, y por lo tanto, cuando hablamos de píxeles en archivos gráficos, no estamos hablando necesariamente de los mismos píxeles del monitor.

pixeles de pantalla e imagen
Píxeles de pantalla y de una imagen

Los píxeles que forman las imágenes son cuadrados a los que se les asigna un color y un tono determinado, mientras que en los monitores son unos puntos de luz formados por los colores rojo, verde y azul, que combinados con diferente brillo crean el modelo de color RGB (redgreen y blue, en inglés).

Debido a que las pantallas son anteriores, necesariamente las imágenes las vemos en píxeles de monitor. Esto puede llevar a confusión, ya que utilizamos la misma palabra para definir dos conceptos diferentes.

Vectores y Gráficos Escalables

Unos pocos años después, en la década de los 60, Ivan Sutherland creó el primer programa de dibujo vectorial llamado Sketchpad, permití a los usuarios dibujar puntos y líneas directamente sobre una pantalla con un lápiz óptico.

Aunque está muy alejado del software vectorial actual, se le considera como la influencia que ha dado lugar a los programas de CAD (Computer Aided Drafting) que aparecerían después.

sketchpad
Sketchpad

Mientras que los píxeles son "bloques" de una imagen simulando los puntos en la pantalla, los vectores son puntos, líneas, curvas y polígonos en una rejilla algebraica.

Estos puntos, líneas, curvas y polígonos básicos son llamados "primitivos", y son los componentes básicos de la estructura de un vector.

Vectores en cuadrícula
Vectores en cuadrícula

La mayor ventaja de los vectores frente a los pixeles es que son escalables. Esto significa, que al ser un elemento matemático, podremos acercarnos a el todo lo que queramos sin pérdida de resolución ni calidad.

En combio, los píxeles son todos iguales y tienen un tamaño y una posición predeterminada, por lo que cuando ampliamos un pixel, al no contener más información que la preestablecida, tendremos una pérdida de calidad más o menos pronunciada, dependiendo de lo que lo acerquemos.

Los elementos vectoriales, existentes sólo como puntos de una cuadrícula en un espacio matemático, no tienen esta limitación.

Vectores en cuadrícula 2
Punto de un vector en cuadrícula

A modo de resumen, podemos concluir con lo siguiente:

  • Las imágenes vectoriales operan independiente de la resolución de imagen
  • Las imágenes basadas en mapa de bits suelen ser pobres cuando tienen una baja resolución o tienen muy pocos píxeles.
  • Las imágenes vectoriales se pueden encoger y estirar sin afectar a la calidad.

¿Para qué se utilizan las imágenes en píxeles o vectores?

vector y pixel fuente
Fuente con vectores y con píxeles

En numerosas ocasiones he escuchado comentarios como el que las letras no pierden calidad porque son tipografías, no es del todo cierto. Las fuentes tipografías están realizadas con gráficos vectoriales, pero es este hecho el que las hace inalterables al aumentarlas o reducirlas, y no el que sean tipografías.

Si utilizamos texto dentro de una imagen de mapa de bits y luego lo rasterizamos, perdemos la propiedad que tenía como vector.

El uso de los vectores en las tipografías nos proporciona formas geométricas abstractas con bordes limpios y curvas de elementos vectoriales perfectos.

Y debido a que pueden ser escalados a tamaños infinitamente pequeños y muy grandes, pueden contenerse alfabetos completos en archivos muy pequeños y utilizarlos en casi cualquier tamaño.

ilustracion vectores
Ilustración con vectores

Mucha gente utiliza los programas vectoriales como Adobe Ilustrator, Corel Draw o Flash para realizar sus creaciones, ya que les proporciona lineas perfectas y limpias.

coche vectorizado
Imagen vectorizada

Las líneas limpias y una imagen lo más nítida posible hacen del arte vectorial una herramienta para la realización de trabajos en grandes formatos, como las vallas publicitarias.

Las fotografías en alta resolución para este tipo de trabajos, generarían archivos demasiado grandes para ser utilizados con eficacia.

foto pixel galaxia
Fotografía coloreada de una galaxia

Sin embargo, los píxeles se crearon para la fotografía, y sigue siendo la mejor forma de realizar imágenes de alta calidad fotográfica.

Un ejemplo son las fotografías que realizan el telescopio Hubble o la nave espacial Voyager, capturar estas imágenes sería imposibles con la fotografía tradicional de película. Las fotografías del espacio profundo requieren de esta técnica de pintura digital.

¿Quieres aprender más cosas sobre diseño? Pincha aquí

Juan Martín

Juan Martín

Soy el creador y autor del blog "J Solución creativa", una persona como tú que intenta ganarse la vida en internet. Intento llenar mi blog con contenido útil que pueda ayudar a quien lo necesite y conseguir, con esfuerzo, generar autoempleo y vivir de ello. Si te parece interesante puedes apuntarte a mi newsletter.

Deja un comentario

2 Comentarios

  1. Gabriel

    Gracias

    Responder
  2. sandro

    muy bueno

    Responder

Enviar un comentario

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

Al dejar un comentario se solicitan datos como tu email y nombre que se almacenan en una cookie para que no tengas que volver a completarlos en próximas visitas. Para enviar un comentario debes aceptar nuestra política de privacidad.

Responsable de los datos: Juan Martín Pascual. Finalidad: Controlar spam, gestión y moderación de comentarios. Legitimación: Tu consentimiento expreso. Destinatario: Base de datos alojada en SiteGround Spain S.L. dentro de la UE. Ver política de privacidad de Siteground. Derechos: Acceso, rectificación, supresión, limitación, portabilidad y olvido de sus datos