Raster e vetor são duas formas diferentes de armazenar uma imagem, e conhecer a diferença te diz exatamente quando converter entre elas. Uma imagem raster — PNG, JPG, WebP — é uma grade fixa de pixels coloridos. Uma imagem vetorial — SVG — é um conjunto de instruções: desenhe este caminho, preencha-o com esta cor, coloque este círculo aqui. Como um vetor descreve formas com matemática em vez de pixels, ele permanece nítido em qualquer tamanho, enquanto um raster borra no momento em que você o empurra além da sua resolução nativa.

"Raster para vetor" significa traçar: um motor lê os pixels e descobre as formas escondidas neles, depois escreve essas formas como caminhos vetoriais. Feito na situação certa é genuinamente útil. Feito na errada faz uma bagunça. Este guia cobre as duas.

Para que serve o traçado

Raster para Vetor, Feito no Navegador (2026) — visual 1
Para que serve o traçado

O traçado quer entrada plana, de bordas limpas: logos, ícones, ilustrações simples, desenho de linha, letra à mão. Estes têm uma paleta limitada e fronteiras claras, então o traçador consegue achar cada região de cor e desenhar um caminho arrumado em volta dela. O resultado é um SVG compacto com um punhado de formas — nítido em qualquer escala, pequeno em tamanho de arquivo e editável depois. Se seu objetivo é um logo que funciona de favicon a outdoor, o traçado te leva lá.

Por que fotos são a escolha errada

Raster para Vetor, Feito no Navegador (2026) — visual 2
Por que fotos são a escolha errada

Uma fotografia é o oposto do que um traçador quer. Ela tem milhares de cores sutilmente variadas e nenhuma borda dura — tom contínuo. Para vetorizar isso, o motor tem que aproximar cada gradiente com manchas empilhadas e sobrepostas de cor plana. Três coisas dão errado de uma vez: o SVG fica enorme, muitas vezes várias vezes maior que o JPG original; ele parece borrado e posterizado em vez de fotográfico; e é doloroso de editar porque é feito de milhares de formas sem sentido. Para fotos, um formato raster é simplesmente a resposta certa — comprima o JPG ou converta para WebP. Vetor é para gráficos, não para fotografias.

Presets e contagem de cores

O número de cores que o traçador tem permissão de usar é a maior alavanca sobre o resultado. Os presets definem isso para você: Plano / logo mantém as cores baixas para marcas simples, Detalhado permite mais para ilustrações mais ricas, Posterizado colapsa a imagem em bandas planas e marcantes, e Preto e branco reduz tudo a dois tons para desenho de linha e silhuetas. Menos cores significam um arquivo mais limpo e menor; mais cores capturam a sutileza ao custo de caminhos e peso extras. Experimentar dois presets na mesma imagem e comparar a prévia antes/depois é a forma mais rápida de achar o equilíbrio certo.

Tudo local, nada enviado

A conversão inteira roda no seu navegador com o motor imagetracer. A imagem é lida de um canvas na sua própria máquina, traçada ali, e devolvida como um SVG — nada é enviado, não há conta, e uma vez que a página carregou, funciona com a rede desligada. Isso vale a pena ter para um logo ou um gráfico interno que você preferiria não mandar para o servidor de outra pessoa.

Um esclarecimento, porque a palavra "converter" o convida: isto é traçado de verdade, não um redesenho por IA. Ele segue os pixels que você deu e não inventa uma versão mais limpa da sua arte. Uma fonte nítida, plana e de poucas cores dá um resultado nítido; uma borrada ou ruidosa dá caminhos borrados e ruidosos.

Depois do traçado

Como a saída é um SVG padrão de caminhos e preenchimentos nomeados, você pode continuar trabalhando nele em qualquer editor vetorial — Illustrator, Inkscape, Figma. Recolora uma região inteira editando um preenchimento, defina cores de marca precisas, remova formas perdidas ou ajuste um caminho. Esse é o objetivo de ir para vetor: a imagem deixa de ser uma foto fixa e vira um objeto que você possui e pode remodelar em qualquer tamanho, sem borrão.