A mesma imagem. Uma matemática totalmente diferente.

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.

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.

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.

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.