¿Cuáles son las diferencias entre los gráficos vectoriales y los gráficos de trama?


32

Comprendo por mi 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 genéricos típicos podrían tener cada uno.


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

    • ¿Cuándo querría elegir el ráster sobre el vector?

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

    • ¿Cuándo querría elegir el vector sobre el ráster?


"¿Cuándo usarías el 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 rasterizadas incluso si el vector fuera lo "correcto")
Pekka admite GoFundMonica el

Solo estoy buscando ejemplos típicos en un mundo ideal. Entiendo que a menudo tienes que usar imágenes ráster, pero solo estoy buscando los casos de uso genéricos.
PearsonArtPhoto

Respuestas:


29

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

Los gráficos de trama son de 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 valores predeterminados para 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 porciones provienen de una fotografía u otra imagen del mundo real.


44
para agregar a la respuesta de Pears: las imágenes vectoriales son buenas para Logos e Iconos, cuando el tamaño es indeterminado. Las imágenes ráster son buenas para fondos y fotos, cuando sabes qué tan grande quieres que sea algo.
zzzzBov

19

ingrese la descripción de la imagen aquí

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

Las imágenes ráster 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 rasterizadas.

  • 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 todos los formatos de imagen ráster 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, trazados separados, etc. Son más flexibles ya que cada forma está separada y puedes escalarla tanto como quieras, 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 raster).
  • 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 pueden contener imágenes ráster incrustadas. Los archivos PDF pueden contener ambos: es una buena práctica producir archivos PDF donde todo lo que puede ser un vector es, y solo cosas como las fotos son rasterizadas.

En general, si puede usar el vector, es una buena idea hacerlo. Será más flexible para el escalado, 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, donde tiene una foto y otros elementos.


12

@Pearsonartphoto ya lo dice 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 puede ampliar a cualquier tamaño.

  • Los gráficos de trama (píxeles) son una colección de puntos de colores. No puede ampliarlo sin que comiencen a aparecer los puntos.


Cambiar el tamaño de la trama gráfica abajo no degrada la imagen tanto como la ampliación, sin embargo.
Jari Keinänen

@koiyu aplausos, quise decir "agrandar". Corregido
Pekka admite GoFundMonica el

@koiyu No lo hace en absoluto, si usa Super Sampling.
Mateen Ulhaq

5

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 ráster.


¿Alguna vez notó que a medida que se acerca a una imagen, la calidad disminuye? Esa es una imagen rasterizada. Una imagen de trama 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 de trama en acción:

Paint.NET


Mientras tanto, las imágenes vectoriales están en formato SVG y algunas otras. Sus aplicaciones no suelen ser para uso diario. (La gente común no usa gráficos vectoriales). No puede cargar archivos .svg, normalmente, 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 subir porque estaba en formato .svg (vector). Sin embargo, PUEDES convertirlo en una trama, pero yo era demasiado vago.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.