Quais são as diferenças entre gráficos vetoriais e gráficos raster?


32

Compreendo, de conhecimento prévio, que existem duas opções diferentes de formato / composição de imagem disponíveis para criar imagens; raster e vetor.

Eu gostaria de entender mais sobre eles, como quais são as características definidoras de cada um e quais casos de uso genéricos típicos cada um pode ter.


  1. De que são compostos os gráficos rasterizados?

    • Quando eu gostaria de escolher raster sobre vetor?

  1. De que são compostos os gráficos vetoriais?

    • Quando eu gostaria de escolher vetor sobre raster?


"Quando você usaria o outro" é um pouco amplo, eu acho. Um pouco mais contexto seria necessário (porque em mídia digital, muitas vezes você vai ter que usar imagens raster mesmo vector seria a "coisa certa")
Pekka suporta GoFundMonica

Estou apenas procurando exemplos típicos em um mundo ideal. Entendo que muitas vezes você precisa usar imagens raster, mas só estou procurando pelos casos de uso genéricos.
Pearsonartphoto

Respostas:


29

Os gráficos vetoriais são gráficos nos quais a imagem é representada de maneira matemática. O que isso permite fazer é ampliar uma imagem com precisão infinita. Eles são ideais para situações em que uma imagem pode ser usada em várias resoluções e dimensões.

Os gráficos de varredura têm uma dimensão fixa, um pouco como um padrão de grade com valores especificados em cada ponto. Esses gráficos são o padrão para itens do mundo real (IE, imagens digitalizadas, fotografias, etc.). Eles são ideais para uso quando uma imagem será usada apenas uma vez e nunca precisará ser ampliada, ou se partes forem provenientes de uma fotografia ou outra imagem do mundo real.


4
para adicionar à resposta do Pears: As imagens vetoriais são boas para Logos e Ícones, quando o tamanho é indeterminado. Imagens raster são boas para planos de fundo e fotos, quando você sabe o tamanho que deseja que seja.
precisa saber é o seguinte

19

insira a descrição da imagem aqui

(que é o Illustrator à esquerda, o Photoshop à direita)

Imagens rasterizadas são apenas grades de pixels, como o que sai de uma câmera digital ou scanner. O arquivo não sabe o que significam esses pixels . Imagens da Web e pinturas digitais geralmente são rasterizadas.

  • O Adobe Photoshop , GIMP , Krita , Corel Photopaint e Pixelmator são principalmente rasterizados (alguns também possuem algumas ferramentas vetoriais muito básicas, mas as imagens que eles criam são rasterizadas).
  • A maioria dos programas e aplicativos de pintura digital como ArtRage, Sketchbook, Layerpaint e Procreate são rasterizados.
  • JPG , GIF , PNG , TIFF , BMP são formatos comuns de imagem raster. PSDs (arquivos do Photoshop) também são rasterizados (mas podem conter tipos de formas vetoriais). PDFs podem conter ambos.

As imagens vetoriais são feitas de formas, linhas, caminhos, etc. separados. Elas são mais flexíveis, pois cada forma é separada e você pode aumentar e diminuir o tamanho quantas vezes quiser, mas é mais difícil fazer com que as imagens pareçam naturais.

  • O Adobe Illustrator , Inkscape , Sketch , Affinity Designer e Corel Draw são principalmente vetores (embora alguns tenham algumas ferramentas que adicionam efeitos de varredura).
  • A maioria dos programas de renderização em CAD e 3D como AutoCAD, Maya, Blender e Cinema4D trabalha com vetores (mais complexos).
  • EPS , SVG e AI (Illustrator) são os formatos vetoriais mais comuns. Todos eles podem conter imagens raster incorporadas. Os PDFs podem conter ambos - é uma boa prática produzir PDFs onde tudo o que pode ser vetor é e apenas coisas como fotos são rasterizadas.

Em geral, se você pode usar o vetor, é uma boa ideia. Será mais flexível para dimensionamento, mais fácil de editar e você não precisará se preocupar com a resolução alta o suficiente para impressão (as imagens vetoriais têm resolução infinita ).

É comum trabalhar com uma mistura dos dois, por exemplo, onde você tem uma foto e outros elementos.


12

@Pearsonartphoto já coloca bem. Em um esforço para encontrar a definição mais curta possível que ainda esteja correta:

  • Os gráficos vetoriais são uma coleção de elementos geométricos (primitivos como círculos, quadrados, triângulos ... além de polígonos e curvas) que você pode ampliar para qualquer tamanho.

  • Os gráficos de varredura (pixel) são uma coleção de pontos coloridos. Você não pode aumentá-lo sem os pontos começarem a aparecer.


Porém, redimensionar o gráfico de varredura para baixo não diminui a imagem nem amplia.
Jari Keinänen

Felicidades @koiyu, eu quis dizer "ampliar". Corrigido
Pekka suporta GoFundMonica

@koiyu Não existe, se você usa Super Sampling.
Mateen Ulhaq

5

OBSERVAÇÕES: O Inkscape seria um exemplo de editor de gráficos vetoriais, enquanto o GIMP / Photoshop / Paint.NET / etc é adequado para editar imagens raster.


Você já reparou que, ao ampliar uma imagem, a qualidade diminui? Essa é uma imagem raster. Uma imagem raster é como a que sua câmera digital tira. Eles geralmente estão nos formatos JPG (com perdas), GIF (sem perdas), PNG (meu favorito; sem perdas) e muitos outros.

Este é um editor de gráficos de varredura em ação:

Paint.NET


Enquanto isso, as imagens vetoriais estão no formato SVG e outras. Suas aplicações geralmente não são para uso diário. (As pessoas comuns não usam gráficos vetoriais.) Você não pode fazer upload de arquivos .svg normalmente e nem todos têm um editor (mesmo que o Inkscape seja gratuito).

Eles são baseados na ideia matemática de vetores:

Vetores

Os gráficos vetoriais podem fazer mais do que apenas linhas, no entanto. Eles podem desenhar outros "primitivos" como quadrados, círculos, curvas.


Aqui está uma imagem que explica melhor a diferença: http://en.wikipedia.org/wiki/File:VectorBitmapExample.svg

Observe que não foi possível fazer o upload porque estava no formato .svg (vetor). Você pode convertê-lo em uma varredura, no entanto, mas eu estava com preguiça.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.