Pixel vs. vetor — a diferença técnica A mesma imagem. Uma matemática totalmente diferente.
Os gráficos de pixels (rasterizados) armazenam uma imagem como uma grade de quadrados coloridos — cada pixel é uma tupla de valores (x, y, cor), fixada na resolução da fonte. Os gráficos vetoriais armazenam uma imagem como matemática — traçados, pontos, curvas, preenchimentos — recalculada em qualquer tamanho de saída. Os pixels se destacam no detalhe fotográfico e nas capturas sem perda de motivos do mundo real; os vetores se destacam em logotipos, ícones e traçados de corte de produção que precisam escalar.
Como os gráficos de pixels armazenam uma imagem
Uma imagem de pixels é literalmente uma grade. Uma imagem de 1920×1080 armazena 2.073.600 pixels individuais, cada um com um valor de cor (normalmente 24 bits — 8 bits para vermelho, verde e azul) mais 8 bits opcionais de alfa. A imagem «é» os dados de pixels.
Preso com um logo em raster? Veja onde o traço automático falha — de graça.
Suba no nosso traçador no navegador e deixe um profissional reconstruir como um vetor limpo e escalável. Pronto para produção em 24 horas.
Need something custom? Email hello@vectorwiz.com
A compressão (PNG, JPG, WebP) reduz o espaço em disco, mas não muda o modelo subjacente — ao abrir o arquivo, você ainda recebe uma grade de 1920×1080 valores de pixel para trabalhar. A imagem tem uma resolução fixa gravada no momento da captura ou da criação.
Como os gráficos vetoriais armazenam uma imagem
Uma imagem vetorial é uma sequência de instruções de desenho. Um logotipo poderia ser: «comece em (10, 10), trace uma curva de Bézier até (50, 80) com os pontos de controle (20, 30) e (40, 70), preencha a região resultante com o hexadecimal #00B74A».
O arquivo armazena as instruções, não a imagem. Ao abri-lo, o renderizador (navegador, plotter, CNC) percorre a lista de instruções e desenha o resultado no tamanho de saída que você pedir. As instruções não mudam; a renderização sim.
A matemática da escala
Pegue um logotipo de pixels de 200×200 e peça ao navegador para exibi-lo em 2000×2000. São 4.000.000 de pixels a desenhar, mas apenas 40.000 na fonte. O navegador precisa inventar os outros 3.960.000 por interpolação — em geral bilinear ou bicúbica —, o que produz bordas borradas. A densidade real de informação da imagem em 2000×2000 continua sendo 200×200; você apenas a esticou.
Pegue o mesmo logotipo como vetor e renderize em 2000×2000. A matemática é recalculada na nova resolução: cada segmento de curva é avaliado para encaixar exatamente na grade de 2000×2000. As bordas permanecem nítidas porque o renderizador usa toda a resolução de saída do zero.
| Tamanho de saída | Fonte de pixels (200×200) | Fonte vetorial |
|---|---|---|
| 100×100 | Nítida (reduzida) | Nítida |
| 200×200 | Nítida (1:1) | Nítida |
| 400×400 | Bordas levemente borradas | Nítida |
| 800×800 | Visivelmente borrada | Nítida |
| 2000×2000 | Muito borrada / serrilhada | Nítida |
| 10.000×10.000 | Praticamente destruída | Nítida |
Compromissos de tamanho de arquivo e processamento
Os formatos de pixels e vetoriais trocam espaço por tempo. Os pixels são baratos de renderizar (basta despejar a grade na tela), mas caros de armazenar em altas resoluções. Os vetores são baratos de armazenar, mas exigem cálculo no momento da renderização.
| Imagem | Tamanho em pixels (PNG) | Tamanho vetorial (SVG) | Qual vence |
|---|---|---|---|
| Logotipo simples (100 traçados) | 200 KB a 2000×2000 | 5 KB | Vetor (40× menor) |
| Conjunto de ícones (24 ícones) | 2 MB no total a 256×256 | 30 KB no total | Vetor (60× menor) |
| Foto de um pôr do sol | 2 MB a 1920×1080 | 50 MB ao vetorizar | Pixel (25× menor) |
| Retrato pictórico | 8 MB a 4000×4000 | Maior e de pior qualidade | Pixel |
| Maquete de UI com texto | 1,5 MB a 1920×1080 | 200 KB como SVG | Vetor |
| Foto impressa em meios-tons | 5 MB a 4000×4000 | O vetor preserva mal o grão | Pixel |
Preso com um logo em raster? Veja onde o traço automático falha — de graça.
Suba no nosso traçador no navegador e deixe um profissional reconstruir como um vetor limpo e escalável. Pronto para produção em 24 horas.
Need something custom? Email hello@vectorwiz.com
DPI, resolução e por que o vetor ignora ambos
O DPI (pontos por polegada) é um conceito do formato de pixels. Descreve quantos pixels por polegada de saída o arquivo deve ocupar. Uma imagem de 1200×1200 a 300 DPI imprime em 4×4 polegadas; a 72 DPI imprime em cerca de 16,7×16,7 polegadas, mas fica serrilhada na impressão porque há apenas 72 pixels de detalhe por polegada.
Os arquivos vetoriais não têm DPI — a matemática renderiza na densidade de pixels que o dispositivo de saída pedir. Um logotipo vetorial imprime a 300 DPI com a mesma limpeza que a 72 DPI ou que a 4800 DPI (impressão offset). A divisão pixel-vs-vetor é também uma divisão DPI-vs-independência de resolução.
Antisserrilhamento — o compromisso visível
Quando um vetor é renderizado em uma resolução de saída baixa, as curvas são amostradas sobre uma grade de pixels grosseira. O renderizador usa antisserrilhamento — pixels parcialmente transparentes ao longo das bordas — para fazer a curva parecer suave. Em resoluções de saída maiores, a marca do antisserrilhamento encolhe e a borda fica mais nítida.
As imagens de pixels já têm o antisserrilhamento «embutido» na resolução da fonte. Quando você as amplia, os pixels de antisserrilhamento embutidos crescem proporcionalmente e ficam visíveis como bordas difusas. Não há como adicionar mais antisserrilhamento a uma imagem de pixels sem redesenhar — a resolução da fonte é um teto intransponível.
Quando cada um vence — por tipo de conteúdo
- Conteúdo fotográfico
- Sempre pixel. O vetor não consegue representar os milhões de variações tonais sutis que uma câmera captura. Mesmo os vetorizadores com IA produzem interpretações estilizadas, não uma reprodução fotográfica fiel.
- Logotipos e marcas
- Sempre vetor. Precisam escalar do favicon ao outdoor sem remasterização.
- Ícones e gráficos de UI
- Vetor. Os conjuntos de ícones SVG renderizam nítidos em qualquer DPI de tela; os ícones de pixels precisam de várias variantes de resolução (1×, 2×, 3×).
- Traçados de corte de produção (vinil, CNC, laser)
- Vetor. A ferramenta de corte precisa da geometria do traçado, não de dados de pixels.
- Fonte para digitalização de bordado
- Vetor. A geometria adequada ao ponto vem de traçados vetoriais limpos.
- Capturas de tela
- Pixel. A fonte é nativa de pixels (a sua tela).
- Mistura de foto + texto (anúncios de revista, pôsteres)
- Os dois. Pixel para a foto, vetor para o texto e os elementos gráficos. Combinados em um PDF/X-4 para impressão ou em um PSD/AI em camadas para edição.
Naimur Rahman
Designer vetorial sênior na VectorWiz. Redesenha à mão a arte dos clientes todos os dias para produção de letreiros, serigrafia, bordado e CNC.
Artigos relacionados
Desenhado à mão. Feito para produção.
Preço instantâneo, sem compromisso. Vetores prontos para produção na sua caixa de entrada em 24 h.