De pixels raster a caminhos vetoriais
Arquivos PNG, JPEG, JPG, WebP, AVIF e BMP armazenam uma grade de pixels. SVG armazena formas, preenchimentos e coordenadas que softwares compatíveis podem redesenhar em tamanhos diferentes. A vetorização analisa pixels vizinhos, agrupa regiões visuais, segue seus limites e aproxima esses limites com caminhos vetoriais.
Mudar um nome de arquivo ou colocar um bitmap dentro de um contêiner SVG não faz essa reconstrução. O VectorizeThis gera geometria SVG real a partir da origem visível.
O processamento fica no navegador
As imagens suportadas são decodificadas, traçadas, avaliadas e preparadas no dispositivo do usuário. O fluxo normal de conversão não envia os dados da imagem de origem a um servidor de conversão. Esse projeto voltado ao processamento local também permite comparar vários resultados possíveis sem esperar uma troca com o servidor para cada ajuste.
Os candidatos de traçado são comparados
Nenhuma configuração de traçado vence para todas as imagens. Um ícone plano e uma fotografia contêm informações diferentes, e um arquivo de corte tem exigências diferentes de uma ilustração web.
A arte compara seis métodos monocromáticos ou 10, 16, 18 ou 20 candidatos coloridos em até quatro perfis de paleta suportados. Quando restam vários resultados úteis, escolha uma paleta e depois um SVG. Foto e Ilustração complexa mantêm seu otimizador dedicado. A fabricação mantém dimensões físicas e verificações geométricas, com SVGO desativado. A documentação de seleção automática explica o fluxo.
O melhor resultado significa, portanto, o candidato com o melhor equilíbrio geral para a imagem e o uso pretendido. Não significa simplesmente o candidato com maior pontuação de semelhança entre pixels ou o menor arquivo.
O uso pretendido muda as prioridades
- Web, logos e ícones priorizam aparência definida, cores editáveis e código eficiente.
- Fotos e ilustrações complexas preservam mais cores e detalhes, o que pode exigir mais caminhos.
- Fluxos Cricut, vinil, laser e CNC dão mais peso a geometria prática, regiões fechadas, dimensões físicas significativas e avisos sobre formas difíceis de fabricar.
- O uso automático equilibra fidelidade visual geral e saída gerenciável quando o destino ainda não é conhecido.
As verificações de fabricação podem identificar problemas potenciais, mas não consideram todas as máquinas, materiais, lâminas, larguras de corte, configurações de importação ou regras específicas dos aplicativos.
A saída é normalizada e verificada
Após o traçado, o VectorizeThis prepara o SVG para compatibilidade com navegadores e editores, remove código evitável e aplica as opções de saída selecionadas. Pode mostrar uma pequena paleta para recolorir, usar currentColor, remover um fundo detectado, recortar ao conteúdo significativo e formatar o código quando solicitado.
O resultado também pode ser verificado quanto a complexidade excessiva, pequenas ilhas, caminhos abertos e outras condições relevantes para o fluxo escolhido. Um aviso é uma informação para analisar; não prova que o arquivo falhará.
O traçado automático tem limites
Uma arte limpa, com tamanho adequado e bordas distintas, costuma produzir caminhos mais simples e fiéis. Ruído, artefatos JPEG, desfoque, gradientes, transparência, textura fina e cores sobrepostas podem exigir interpretação. Um SVG traçado não recupera detalhes ausentes da origem e pode não recriar as escolhas de construção do designer original.
A visualização lado a lado e os controles manuais existem porque o julgamento visual do usuário continua importante. Teste os arquivos de fabricação no software e no material de destino antes de iniciar a produção.
Como as alterações são testadas
As alterações na lógica de traçado e classificação são testadas com imagens representativas de ícones, logos, arte de linha, várias cores, origens de baixa resolução, fotografias e exemplos de fabricação. Testes automatizados protegem comportamentos importantes do navegador e políticas de saída, enquanto comparações de referência ajudam a identificar regressões de qualidade antes da publicação.
Como criamos nosso conteúdo técnico
As explicações técnicas do VectorizeThis se baseiam no comportamento real do conversor, em testes com imagens de origem representativas e em especificações primárias, como a especificação SVG do W3C. As páginas são revisadas quando o comportamento do conversor muda de forma significativa.
O VectorizeThis foi criado por Maxime Desrosiers. Para relatar uma saída que não funciona como esperado, use Enviar avaliação no conversor ou visite Contato.