Gráficos rasterizados vs vectoriales: la guía completa
Toda imagen digital es rasterizada o vectorial. Conocer la diferencia, y saber cuál necesita realmente cada tarea, te ahorra tanto logotipos borrosos como fotos imposibles de editar.
¿Qué es una imagen rasterizada?
Los gráficos rasterizados (PNG, JPEG, GIF, BMP) almacenan una imagen como una cuadrícula fija de píxeles, cada uno con su propio color. Las cámaras digitales, los escáneres y las capturas de pantalla producen todos imágenes rasterizadas, porque así es como los sensores de luz y las pantallas capturan y muestran las imágenes: píxel a píxel.
El costo de esto es la dependencia de la resolución: una imagen rasterizada solo se ve correcta hasta sus dimensiones nativas en píxeles. Más allá de eso, el software tiene que inventar nuevos valores de píxel para rellenar los huecos, por lo que las imágenes rasterizadas ampliadas se ven suaves o con bloques.
¿Qué es una imagen vectorial?
Los gráficos vectoriales (SVG, EPS, AI, PDF como vector) almacenan una imagen como descripciones matemáticas de formas: puntos, líneas y curvas, cada una con un relleno o trazo definido. No hay una resolución fija, porque las formas se recalculan de nuevo cada vez que la imagen se muestra o se imprime.
Esto hace que los vectores sean ideales para cualquier cosa que necesite escalar: logotipos, iconos, tipografía, ilustraciones técnicas y trazados de corte para máquinas como cortadoras láser o equipos Cricut y Silhouette.
Raster vs vector: comparación lado a lado
| Raster | Vector | |
|---|---|---|
| Compuesto de | Píxeles | Puntos, líneas, curvas |
| Resolución | Fija a las dimensiones de origen | Independiente de la resolución |
| Contenido ideal | Fotos, texturas complejas | Logotipos, iconos, dibujo lineal, trazados de corte |
| Formatos típicos | PNG, JPEG, GIF, BMP | SVG, EPS, AI |
| Edición | A nivel de píxel (Photoshop, GIMP) | A nivel de forma (Illustrator, Inkscape, Figma) |
Cómo convertir entre raster y vector
Pasar de vector a raster ("rasterizar") es sencillo: se renderizan las formas en una cuadrícula de píxeles del tamaño que necesites, que es justo lo que ocurre automáticamente al exportar un PNG desde una herramienta de diseño.
Ir en la otra dirección, de raster a vector, requiere trazado: analizar la cuadrícula de píxeles, agrupar colores similares y ajustar curvas matemáticas a los límites entre ellos. Consulta cómo funciona el trazado de imágenes para un desglose completo de ese proceso, o convierte un PNG a SVG directamente.
Preguntas frecuentes
¿Una imagen vectorial puede verse mal alguna vez?
Sí, si intentas forzar un detalle fotográfico fino en un número reducido de formas vectoriales, el resultado pierde textura realista y se parece más a un arte plano, tipo póster.
¿El SVG es un formato raster o vectorial?
El SVG es un formato vectorial: almacena trazados y formas, no píxeles individuales, por lo que se mantiene nítido a cualquier tamaño.
¿Qué formato debería usar para el favicon de un sitio web?
El SVG suele ser la mejor opción para un favicon porque se mantiene nítido en toda la gama de tamaños que solicitan los navegadores, aunque un PNG de respaldo es habitual para dar compatibilidad con navegadores más antiguos.
Guías relacionadas
Una versión más específica de este mismo dilema raster vs vector, centrada en el formato.
El proceso técnico detrás de convertir raster en vector.
Una razón del mundo real por la que los trazados vectoriales importan más que los píxeles.