Qual é a definição de gráficos vetoriais?

Antes de responder à pergunta, gostaria de apresentá-lo a dois dos meus amigos mais próximos.

The Pixel

O primeiro que quero apresentar é o pixel humilde. O pixel é um cara simples. Ele ocupa apenas um certo ponto na tela e é caracterizado por uma e apenas uma cor.

Sempre que peço que ele me ajude a criar algum gráfico, ele imediatamente liga para seus amigos, que são todos iguais a ele. A única diferença entre eles é que eles têm preferências de cores diferentes e ocupam uma posição diferente na tela. Às vezes, ele é acompanhado por alguns 100 deles. Quando faço algum trabalho que exija detalhes extremos, ele pode até ligar para alguns 10000s de seus amigos. Insano!

Ele e seus amigos fazem um bom trabalho ao criar um gráfico. Eles se empilham, cada um escolhendo um ponto na tela e a cor que acabaria por definir o gráfico inteiro.

Este é um trabalho artístico baseado em pixel. Cada pixel ocupa um ponto específico na tela e recebe uma cor. Esses tipos de imagens são muito comuns, mas eles têm um problema. Eles não serão escalados ordenadamente .

A imagem nítida na parte superior começa a desfocar e quebrar quando você a aproxima. O pixel pode ligar para mais amigos para ajudá-lo a corrigi-lo (quanto mais pixels, mais clara e detalhada uma imagem pode ser), mas será apenas temporária, pois mais zoom acabaria por quebrar a imagem. Além disso, pixel, quantos amigos você pode continuar ligando de qualquer maneira? Não quero aumentar o tamanho das minhas imagens! : /

Tire qualquer imagem da internet e faça zoom nela o máximo que puder. Eventualmente, em algum momento, você notará quebras nos locais em que as curvas estavam presentes na imagem e também poderá ver cada um dos pixels individuais. A imagem perde a qualidade após o zoom. Isso não é bom, é?

Bem, o maior rival do pixel pode ajudar a corrigir esse problema.

O ‘ponto de controle’ / o ‘nó’

Em contraste com o pixel … Umm … como devo descrevê-lo? … Uh … Se o design gráfico fosse algum tipo de universo da Marvel, os pixels seriam humanos, e esse cara seria um mutante, trabalhando para os X-Pixels. Porque, além de ocupar um ponto na tela de desenho, eles são capazes de armazenar muito mais informações, todas definidas pela matemática.

O nó, e seus amigos, mantêm informações sobre onde estão na tela, junto com informações que definem qual cor as linhas que desenhariam devem ter, qual cor de preenchimento as áreas que devem incluir, qual a espessura das linhas que elas devem criar. ser, etc.

Considere a tarefa de desenhar um círculo. Se eu ligasse para o pixel para fazer esse trabalho, ele ligaria para milhares de amigos e todos ficariam na tela para criar um círculo. Isso é muito esforço. O nó pensa de uma maneira mais eficiente. Ele liga apenas para 3 amigos, comparado aos milhares que o pixel chamou. A questão é: como 4 nós criarão o mesmo círculo?

Cada um dos nós armazenará a direção das linhas que terminam em / começam a partir deles. Eles armazenam a cor da área que eles colocariam ( preenchimento ), a espessura das linhas que desenham ( largura do traçado ) e a cor das linhas que desenham ( cor do traçado ).

Com apenas 4 pontos definidos matematicamente, os nós criam o círculo que requer 1000 pixels quando feito de pixels. Há uma grande vantagem aqui, além de precisar de menos número de pontos. É que essa imagem será redimensionada com perfeição, em comparação com imagens usando pixels.

Qualquer que seja o nível de zoom, as imagens nunca perdem sua qualidade.


Qualquer imagem definida por dados matemáticos é essencialmente um gráfico vetorial. O fato de eles usarem matemática em vez de dados espaciais e de cores codificados permite que eles sejam dimensionados para qualquer proporção. Isso os torna ideais para criar logotipos ou outros trabalhos de impressão, onde as imagens precisam ser usadas com mídias em várias resoluções.


Como essas são duas maneiras completamente diferentes de desenhar gráficos, vale dizer que elas merecem softwares de desenho exclusivos. Para obras de arte baseadas em pixel, Gimp, IrfanView e Adobe photoshop são populares. Para Imagens vetoriais, você pode escolher o Adobe Illustrator ou a alternativa gratuita Inkscape.


Embora os gráficos vetoriais não sejam novos, eles ainda precisam ser atualizados. Os sites devem começar a usar mais o formato SVG (Scalable Vector Graphic) recomendado, pois usa menos espaço, é independente da resolução e aceita largura de banda.

Um exemplo de código SVG se parece com isso:

Como você pode ver, as formas são definidas pela matemática. Aqui, um círculo é desenhado em uma tela de 200 x 200 no ponto (100, 100) com um raio de 50px. Ele é preenchido com a cor branca, enquanto possui uma borda preta. O gráfico não depende da resolução da tela e seria dimensionado ordenadamente.


Referência: gráficos vetoriais

Mais sobre SVG: gráficos vetoriais escaláveis

Existem dois paradigmas no mundo dos gráficos: vetor e bitmap / raster.

Bitmap / raster é um pouco mais simples de explicar. Você tem uma imagem, digamos uma pequena: 1000 x 1000 pixels. A forma “mais pura” de uma imagem rasterizada ou de bitmap é apenas especificar a cor de cada pixel, um de cada vez. Ao longo das linhas de “pixel (0,0) é vermelho, pixel (0,1) é azul” etc.)

Existem variações e aprimoramentos disso, mas o ponto é que você especifica as coisas “localmente”. Talvez não exatamente pixel por vez, mas certamente pequenos grupos de pixels próximos por vez.

Compare isso com gráficos vetoriais. O paradigma de gráficos vetoriais especifica formas de cada vez. Em outras palavras, especifica-se algo como “esse grande grupo de pixels compreende uma única forma, que tem essa e aquela cor”. Ok, talvez a cor não seja constante … essa é outra pequena variação. Mas o ponto é que, inerente ao paradigma vetorial, você às vezes conecta grandes grupos de pixels potencialmente distantes em um único elemento gráfico.

Se você já desenhou um tablet com uma caneta eletrônica antes, pode ter visto os dois paradigmas. Preste atenção em como o seu aplicativo de anotações favorito apaga . Alguns aplicativos apagam apenas os pixels em que você move o apagador fisicamente. Isso reflete a abordagem de bitmap. Alguns aplicativos para anotações apagam toda a pincelada, se você apagar qualquer parte dela. Isso reflete a abordagem vetorial.

Quem se importa?

Talvez a principal diferença esteja na capacidade de ampliar uma imagem. O que é o zoom? Volte para a nossa imagem de 1000 x 1000 pixels. Se você deseja aumentar o zoom em 100%, de repente deseja criar uma imagem de 2000 x 2000 pixels. Com os bitmaps, realmente não há mais informações que o ajudem a fazer isso. Você apenas tem que interpolar. E você tem aquela bagunça granulada que tenho certeza que já viu.

Porém, com gráficos vetoriais, você tem relacionamentos matemáticos abstratos que especificam quais pixels são quais cores, para que os relacionamentos possam ser recriados com mais pixels. Então você obtém algo assim:

Os gráficos vetoriais são a criação de imagens digitais por meio de uma sequência de comandos ou instruções matemáticas que colocam linhas e formas em um determinado espaço bidimensional ou tridimensional. Na física, um vetor é uma representação de uma quantidade e uma direção ao mesmo tempo.

Nos gráficos vetoriais, o arquivo resultante do trabalho de um artista gráfico é criado e salvo como uma sequência de instruções vetoriais. Por exemplo, em vez de conter um bit no arquivo para cada bit de um desenho de linha, um arquivo gráfico vetorial descreve uma série de pontos a serem conectados. Um resultado é um arquivo muito menor.

Em algum momento, uma imagem vetorial é convertida em uma imagem gráfica raster, que mapeia bits diretamente para um espaço de exibição (e às vezes é chamado de bitmap). A imagem vetorial pode ser convertida em um arquivo de imagem rasterizada antes da exibição, para que possa ser portada entre sistemas.

Às vezes, um arquivo vetorial é chamado de arquivo geométrico. A maioria das imagens criadas com ferramentas como Adobe Illustrator e CorelDraw está na forma de arquivos de imagem vetorial. Os arquivos de imagem vetorial são mais fáceis de modificar do que os arquivos de imagem rasterizada (que, no entanto, às vezes podem ser reconvertidos em arquivos vetoriais para refinamento adicional).

As imagens de animação também são geralmente criadas como arquivos vetoriais. Por exemplo, o produto Flash da Shockwave permite criar animações em 2-D e 3-D que são enviadas a um solicitante como um arquivo vetorial e depois rasterizadas “on the fly” à medida que chegam.

Os gráficos vetoriais são a criação de imagens digitais por meio de uma sequência de comandos ou instruções matemáticas que colocam linhas e formas em um determinado espaço bidimensional ou tridimensional. Na física, um vetor é uma representação de uma quantidade e uma direção ao mesmo tempo. Nos gráficos vetoriais, o arquivo resultante do trabalho de um artista gráfico é criado e salvo como uma sequência de instruções vetoriais. Por exemplo, em vez de conter um bit no arquivo para cada bit de um desenho de linha, um arquivo gráfico vetorial descreve uma série de pontos a serem conectados. Um resultado é um arquivo muito menor.
Em algum momento, uma imagem vetorial é convertida em uma imagem gráfica raster, que mapeia bits diretamente para um espaço de exibição (e às vezes é chamado de bitmap). A imagem vetorial pode ser convertida em um arquivo de imagem rasterizada antes da exibição, para que possa ser portada entre sistemas.
Às vezes, um arquivo vetorial é chamado de arquivo geométrico. A maioria das imagens criadas com ferramentas como Adobe Illustrator e CorelDraw está na forma de arquivos de imagem vetorial. Os arquivos de imagem vetorial são mais fáceis de modificar do que os arquivos de imagem rasterizada (que, no entanto, às vezes podem ser reconvertidos em arquivos vetoriais para refinamento adicional).
As imagens de animação também são geralmente criadas como arquivos vetoriais. Por exemplo, o produto Flash da Shockwave permite criar animações em 2-D e 3-D que são enviadas a um solicitante como um arquivo vetorial e depois rasterizadas “on the fly” à medida que chegam.

Os gráficos vetoriais são a criação de imagens digitais por meio de uma sequência de comandos ou instruções matemáticas que colocam linhas e formas em um determinado espaço bidimensional ou tridimensional. Na física, um vetor é uma representação de uma quantidade e uma direção ao mesmo tempo. Nos gráficos vetoriais, o arquivo resultante do trabalho de um artista gráfico é criado e salvo como uma sequência de instruções vetoriais. Por exemplo, em vez de conter um bit no arquivo para cada bit de um desenho de linha, um arquivo gráfico vetorial descreve uma série de pontos a serem conectados. Um resultado é um arquivo muito menor.

Em algum momento, uma imagem vetorial é convertida em uma imagem gráfica raster, que mapeia bits diretamente para um espaço de exibição (e às vezes é chamado de bitmap). A imagem vetorial pode ser convertida em um arquivo de imagem rasterizada antes da exibição, para que possa ser portada entre sistemas.

Às vezes, um arquivo vetorial é chamado de arquivo geométrico. A maioria das imagens criadas com ferramentas como Adobe Illustrator e CorelDraw está na forma de arquivos de imagem vetorial. Os arquivos de imagem vetorial são mais fáceis de modificar do que os arquivos de imagem rasterizada (que, no entanto, às vezes podem ser reconvertidos em arquivos vetoriais para refinamento adicional).

As imagens de animação também são geralmente criadas como arquivos vetoriais. Por exemplo, o produto Flash da Shockwave permite criar animações em 2-D e 3-D que são enviadas a um solicitante como um arquivo vetorial e depois rasterizadas “on the fly” à medida que chegam.

um gráfico de vetor é uma arte original que pode ser dimensionada desde o selo postal até o tamanho de um outdoor sem perder a resolução ou a qualidade. A definição de livro de texto é:
Os gráficos vetoriais são o uso de primitivas geométricas, como pontos, linhas, curvas e formas ou polígonos – todos baseados em expressões matemáticas – para representar imagens em gráficos de computador.

O vetor é um conjunto matemático de linhas retas e curvas .1. Também é chamado de gráfico orientado a objetos. 2. Independente de pixel. 3. FORMATO: AI (ilustração em Adobe), CDR (corel draw), EPS (postscript encapsulado), SVG (formato vetorial scalabel).

Uma resposta simples é que os gráficos vetoriais são feitos de linhas e curvas. Estes são livres de resolução significa que você pode ampliar o máximo possível sem perder a resolução. Os gráficos vetoriais também são escaláveis ​​para qualquer tamanho.

Gráfico de vetor é scalabel. Podemos dimensionar gráficos vetoriais o quanto quisermos.