Aprende a diferenciar entre un vector y un píxel

¿Alguna vez te has preguntado a qué se puede deber el hecho de que se vea pixelada alguna imagen? ¿Has intentado ampliar tu logotipo pero se ve borroso? Esto es porque no conoces la diferencia entre un vector y un píxel. 

En este post voy a contarte las diferencias entre los píxeles y vectores, los “responsables” de hacer que tus imágenes se vean (o no) correctamente.

Diferencia entre vector y pixel

Todo lo que vemos en pantalla -bien sean imágenes, iconos, textos, etc – está formado por píxeles o vectores.

La diferencia entre ambos suele pasar desapercibida a simple vista.

Si no quieres llevarte un susto a la hora de la verdad, debes distinguirlos y usar uno u otro en función de lo que sea más conveniente.

Diferencia entre vector y pixel - desapercibido

LOS PÍXELES

Si te acercas a una fotografía, impresa o en pantalla, te darás cuenta que no tiene los bordes delimitados, sino que está formada de pequeños cuadraditos (en el caso de la pantalla) o puntos (si está impresa).

Estos cuadrados o puntos son lo que llamamos píxeles. Así que, en resumen, las fotografías están creadas a base de píxeles.

Diferencia entre vector y pixel - pixeles

Cada píxel tiene un color en concreto (RGB o CMYK), por lo que, cuantos más píxeles tenga una imagen, más detalles podrás ver en la imagen.

Para medir esto, debes tener muy en cuenta los DPI (dots per inch) que calculan la cantidad de píxeles que debe haber en un espacio.

Por norma general, cuando vayas a imprimir imágenes, debes asegurarte que tienen mínimo 300dpi para que se vean bien.

Mientras que si vas a usarlas en pantalla, deben tener unos 72dpi. Si quieres puedes aumentar esta cifra, pero no disminuirla.

Si lo haces, e sprobable que se te vea mal la imagen, tal como pasa en la imagen que te muestro a continuación).

Diferencia entre vector y pixel - dpi

Una vez determinas el tamaño de una imagen, si la amplias, perderás mucha calidad en la fotografía, haciendo que se vea pixelada.

Las imágenes formadas por píxeles permiten cambiar con mucho detalle todos los colores que forman la fotografía.

Esto es debido a lo que te comentaba al principio, que cada píxel es un recuadro de un color.

Con lo que imagina la ventaja de tener millones de cuadros de color que pueden cambiarse uno a uno.

Fíjate en la imagen que te muestro, a la que le he cambiado sin problemas los tonos.  

Diferencia entre vector y pixel - color

Las fotografías que haces desde tu cámara y que subes a tu web, nunca podrán estar vectorizadas.

El máximo que podrás ampliarlas dependerá del número de píxeles y tamaño original que tenga.

LOS VECTORES

A diferencia de los píxeles, los vectores son el resultado de complicadas ecuaciones matemáticas que unen distintos puntos en la pantalla.

Mientras que en una fotografía necesitas un número elevado de píxeles para crear una forma, en un vector es suficiente con pocos puntos de ancla. Fíjate en la imagen para entender lo que te digo.

Diferencia entre vector y pixel - puntos de ancla

Los vectores se usan, sobretodo, para crear logotipos y trabajar con fuentes, de modo que puedes ampliarlos todo lo que necesites.

Esta es la principal ventaja de los vectores: se pueden ampliar muchísimo sin perder calidad.

Diferencia entre vector y pixel - ventaja

El problema que presentan los vectores es que son mucho más difíciles de trabajar a nivel de color.

Podemos crear degradados más o menos complejos, esto es cierto, pero siempre será más complicado obtener resultados realistas con los vectores.

Ahora ya conoces la diferencia entre un vector y un píxel.

Recuerda que, para todo lo que sea fotografía vas a trabajar con píxeles. En cambio, todo lo que sea iconos, logotipos o tipografías, será en vector.

¿Conocías la diferencia entre un elemento y el otro, o te ha pillado por sorpresa esta diferenciación? Es muy importante que sepas diferenciarlos para que puedas trabajarlos correctamente.

8 comentarios
  1. Alejandro Alzate 14 septiembre, 2017

    Me gustaría aprender más sobre este tema, me parece importante y necesario, aplicar correctamente estos conceptos. Gracias

    Responder
  2. paula 14 septiembre, 2017

    Muchas gracias, muy interesante y claras las explicaciones

    Responder
  3. Conxi Sardà 14 septiembre, 2017

    Molt interesant. Gràcies.

    Responder
  4. Ana Laura 19 septiembre, 2017

    No tenía ni la más remota idea de lo que era un vector. Muy interesante. ¡Gracias!

    Responder
    • Laura 19 septiembre, 2017

      Me alegro que te haya servido para aprender algo nuevo!! 🙂

      Responder
  5. ada 18 junio, 2018

    Muy interesante muy bien explicado el saber no ocupa lugar gracias

    Responder
  6. Joel Sanchez Rodriguez 30 abril, 2019

    Muchas gracias la informacion me es muy util

    Responder
  7. Gabriel 17 septiembre, 2019

    Gracias por la explicación

    Responder

Deja tu comentario

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