¿Cuáles son las diferencias entre gráficos vectoriales y gráficos rasterizados?

Entiendo por conocimiento previo que hay dos opciones diferentes de formato/composición de imagen disponibles para crear imágenes; trama y vector.

Me gustaría entender más sobre ellos, como cuáles son las características definitorias de cada uno y qué casos de uso típicos y genéricos podría tener cada uno.


  1. ¿De qué están compuestos los gráficos de trama?

    • ¿Cuándo querría elegir raster sobre vector?

  1. ¿De qué están compuestos los gráficos vectoriales?

    • ¿Cuándo querría elegir vector sobre raster?

"Cuándo usarías frente al otro" es un poco amplio, creo. Se necesitaría un poco más de contexto (porque en los medios digitales, a menudo tendrá que usar imágenes de trama, incluso si el vector sería lo "correcto")
Solo estoy buscando ejemplos típicos en un mundo ideal. Entiendo que a menudo tienes que usar imágenes rasterizadas, pero solo estoy buscando los casos de uso genéricos.

Respuestas (4)

Los gráficos vectoriales son gráficos en los que la imagen se representa de forma matemática. Lo que esto permite hacer es ampliar una imagen con una precisión infinita. Son ideales para situaciones en las que una imagen se puede utilizar en varias resoluciones y dimensiones.

Los gráficos de trama tienen una dimensión fija, algo así como un patrón de cuadrícula con valores específicos en cada punto. Estos gráficos son los predeterminados para las cosas del mundo real (IE, imágenes escaneadas, fotografías, etc.). Son ideales para usar cuando una imagen solo se usará una vez y nunca será necesario ampliarla, o si las partes provienen de una fotografía u otra imagen del mundo real.

para agregar a la respuesta de Pears: las imágenes vectoriales son buenas para logotipos e íconos, cuando el tamaño es indeterminado. Las imágenes rasterizadas son buenas para fondos y fotos, cuando sabes qué tan grande quieres que sea algo.

ingrese la descripción de la imagen aquí

(eso es Illustrator a la izquierda, Photoshop a la derecha)

Las imágenes rasterizadas son solo cuadrículas de píxeles, como lo que sale de una cámara digital o un escáner. El archivo no sabe qué significan esos píxeles . Las imágenes web y las pinturas digitales suelen ser tramas.

  • Adobe Photoshop , GIMP , Krita , Corel Photopaint y Pixelmator son principalmente ráster (algunos también tienen algunas herramientas vectoriales muy básicas, pero las imágenes que crean son ráster).
  • La mayoría de los programas y aplicaciones de pintura digital como ArtRage, Sketchbook, Layerpaint y Procreate son rasterizados.
  • JPG , GIF , PNG , TIFF , BMP son formatos de imagen de trama comunes. Los PSD (archivos de Photoshop) también son ráster (pero pueden contener formas vectoriales). Los archivos PDF pueden contener ambos.

Las imágenes vectoriales están hechas de formas, líneas, caminos, etc. independientes. Son más flexibles, ya que cada forma está separada y puede escalar hacia arriba y hacia abajo tanto como desee, pero es más difícil hacer que las imágenes se vean naturales.

  • Adobe Illustrator , Inkscape , Sketch , Affinity Designer y Corel Draw son principalmente vectores (aunque algunos tienen algunas herramientas que agregan efectos de trama).
  • La mayoría de los programas de renderizado CAD y 3D como AutoCAD, Maya, Blender y Cinema4D funcionan con vectores (más complejos).
  • EPS , SVG y AI (Illustrator) son los formatos vectoriales más comunes. Todos ellos pueden contener imágenes raster incrustadas. Los archivos PDF pueden contener ambos: es una buena práctica producir archivos PDF en los que todo lo que puede ser vector es y solo cosas como las fotos son tramas.

En general, si puede usar vectores, es una buena idea. Será más flexible para escalar, más fácil de editar y no tendrá que preocuparse de que la resolución sea lo suficientemente alta para imprimir (las imágenes vectoriales tienen una resolución infinita ).

Es común trabajar con una combinación de los dos, por ejemplo, cuando tiene una foto y otros elementos.

@Pearsonartphoto ya lo expresa muy bien. En un esfuerzo por encontrar la definición más corta posible que aún sea correcta:

  • Los gráficos vectoriales son una colección de elementos geométricos (primitivos como círculos, cuadrados, triángulos... así como polígonos y curvas) que puedes ampliar a cualquier tamaño.

  • Los gráficos Raster (Pixel) son una colección de puntos de colores. No puedes agrandarlo sin que los puntos comiencen a mostrarse.

Sin embargo, cambiar el tamaño del gráfico de trama hacia abajo no degrada la imagen tanto como la ampliación.
@koiyu saludos, quise decir "ampliar". Fijado
@koiyu No lo hace en absoluto, si usa Super Sampling.

NOTAS: Inkscape sería un ejemplo de un editor de gráficos vectoriales, mientras que GIMP/Photoshop/Paint.NET/etc son adecuados para editar imágenes rasterizadas.


¿Alguna vez has notado que a medida que haces zoom en una imagen, la calidad disminuye? Esa es una imagen de trama. Una imagen rasterizada es como la que toma su cámara digital. Por lo general, están en los formatos JPG (con pérdida), GIF (sin pérdida), PNG (mi favorito; sin pérdida) y muchos otros.

Este es un editor de gráficos rasterizados en acción:

Paint.NET


Mientras tanto, las imágenes vectoriales están en formato SVG y algunos otros. Sus aplicaciones no suelen ser de uso cotidiano. (La gente común no usa gráficos vectoriales). Normalmente, no puede cargar archivos .svg, y no todos tienen un editor (aunque Inkscape es gratuito).

Se basan en la idea matemática de los vectores:

Vectores

Sin embargo, los gráficos vectoriales pueden hacer más que solo líneas. Pueden dibujar otros "primitivos" como cuadrados, círculos, curvas.


Aquí hay una imagen que explica mejor la diferencia: http://en.wikipedia.org/wiki/File:VectorBitmapExample.svg

Tenga en cuenta que no pude cargar porque estaba en formato .svg (vector). Sin embargo, PUEDES convertirlo a un ráster, pero era demasiado perezoso.