Converter JPG para SVG

Se o arquivo é uma fotografia — uma pessoa, um produto, uma paisagem, qualquer coisa que uma câmera viu — vetorizar não vai dar uma versão escalável dela. Não há nada no arquivo para escalar. Uma foto é um campo contínuo de cor sem fronteiras, e o vetorizador tem que fabricar fronteiras antes de desenhar qualquer coisa.

O que volta parece um pôster serigrafado da sua foto, e é maior. Numa amostra deste site, 8.924 bytes de JPG viraram 200.835 bytes de SVG nas oito cores padrão — vinte e duas vezes o tamanho, e visivelmente pior.

Posterização é uma falha quando você queria uma foto e uma técnica quando você queria um pôster. Se o plano é serigrafia de duas cores, corte de vinil, estêncil ou gravação a laser, as regiões chapadas que o vetorizador inventa são exatamente as regiões que a máquina precisa.

Trabalhe em quatro cores em vez de oito para esse trabalho. Quatro dá regiões grandes e majoritariamente fechadas que uma cortadora consegue seguir; oito já produz as ilhas fragmentadas que tornam um cut file inutilizável.

JPEG faz duas coisas que importam aqui e que nenhuma outra fonte deste pacote faz. Guarda informação de cor na metade da resolução do brilho, e comprime em blocos de oito por oito pixels. As duas são invisíveis em tamanho normal e são estrutura, então o vetorizador trata como imagem.

O resultado é o efeito ringing traçado como contornos finos ao longo de toda borda dura, e faixas de bloco fracas traçadas como uma grade sobre áreas que deveriam ser chapadas. Um JPG salvo uma vez em alta qualidade mostra pouco disso; um JPG que passou duas vezes por um app de mensagem mostra bastante.

Esse é o motivo honesto mais comum para chegar aqui: a arte sumiu, e o que sobrevive é a foto de uma placa, um papel timbrado ou um cartão de visita antigo. Vetorizar isso é razoável, e vale fazer a fotografia direito primeiro.

Ilumine de forma uniforme sem sombra sobre a marca, fotografe de frente em vez de num ângulo, preencha o quadro só com a marca. Depois vetorize a quatro cores com detalhe suave. Espere um resultado próximo o bastante para redesenhar, não pronto para usar direto.

A configuração de cores decide quantas regiões chapadas a imagem é reduzida antes de qualquer contorno acontecer, e numa fonte fotográfica é a única configuração que muda o resultado por uma ordem de grandeza.

O custo de aumentar não é suave. A amostra fotográfica deste site mediu 101.709 bytes em quatro cores, 200.835 em oito, 557.618 em dezesseis e 1.137.963 em trinta e dois — uma subida de onze vezes em bytes para uma imagem que ainda não é a fotografia.

A configuração de detalhe controla quão de perto cada contorno segue a grade de pixels e quão pequena uma forma precisa ser antes de ser descartada. Suave aceita um ajuste mais solto e descarta abaixo de dezesseis pixels; nítido segue a grade de perto e mantém formas até dois pixels.

Numa fotografia, suave é certo e nítido é quase inútil. Ruído de sensor e ringing de JPEG são exatamente as formas abaixo de dezesseis pixels que suave descarta, e nítido é uma instrução para manter cada uma delas.

Qualquer coisa mais longa que 1.600 pixels na borda mais longa é reduzida primeiro. O custo da vetorização cresce com o número de bordas em vez do número de pixels, e um JPG de câmera de doze megapixels tem uma borda em quase todo lugar.

Isso custa menos do que parece. A saída é independente de resolução, então uma marca vetorizada a 1.600 pixels e a mesma marca a 4.000 renderizam de forma idêntica em qualquer tamanho. Não há motivo para enviar o original em tamanho máximo.

Uma lista de caminhos preenchidos, um por região, empilhados em camadas, cada um com preenchimento sólido e um traçado de um pixel combinando. Sem grupos, sem nomes, sem elementos de texto e sem estrutura.

Isso importa para edição. Inkscape, Illustrator e Figma abrem o arquivo e deixam você selecionar, recolorir, mover ou apagar qualquer forma, e para um pôster de quatro cores isso é uma tarde de trabalho viável. Para uma vetorização de trinta e duas cores de uma fotografia não é.

Se o problema é que a imagem fica borrada ao ampliar, nenhum formato resolve e SVG menos ainda — use o maior original que você tiver. Se o problema é que salvar de novo continua degradando o arquivo, converter o JPG para PNG estanca a sangria.

Se o problema é que um cliente pediu arte "vetorial", a resposta é redesenhar em vez de vetorizar. Uma marca-d'água simples leva vinte minutos no Inkscape e produz um arquivo com curvas de verdade, o que "vetor" estava pedindo.

O JPG é decodificado, escalado e vetorizado no seu navegador. Nada é enviado, não há conta e não há limite diário, o que importa aqui mais que na maioria das páginas porque as fotos que as pessoas tentam vetorizar são frequentemente do próprio trabalho ou de um cliente.

A vetorização é feita por imagetracerjs — 46 KB, JavaScript puro, sob licença Unlicense. Não é o melhor vetorizador que existe; potrace e autotrace produzem curvas mais limpas e são GPL, o que este projeto trata como bloqueado por licença.