¿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.
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.
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.
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).
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.
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.
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.
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.
Me gustaría aprender más sobre este tema, me parece importante y necesario, aplicar correctamente estos conceptos. Gracias
Muchas gracias, muy interesante y claras las explicaciones
Molt interesant. Gràcies.
No tenía ni la más remota idea de lo que era un vector. Muy interesante. ¡Gracias!
Me alegro que te haya servido para aprender algo nuevo!! 🙂
Muy interesante muy bien explicado el saber no ocupa lugar gracias
Muchas gracias la informacion me es muy util
Gracias por la explicación
Muchas gracias. Muy clara la explicación.
Definitivamente, ninguno es mejor que el otro. Simplemente son diferentes. Comprender las diferencias basicas entre ellos te ayudara a tomar la decision respecto del cual es el mejor para tus fines. Incluso, en algunos casos lo mejor es utilizar ambos juntos. Si quieres colocar una marca de agua en una foto, lo mejor es no agregar texto en una imagen con Photoshop, ya que puede distorsionarse. Entonces, transfiere la imagen a Illustrator y luego anade el texto. Esto te dara el mejor resultado.