Caminhos vetoriais reais, e a precisão volta como um número

Pesquise este termo e a maioria do que você encontra não vetoriza nada. Apenas pega seu PNG, codifica em base64, coloca dentro de uma tag de imagem em um invólucro SVG e devolve para você. A extensão mudou; os pixels não. Ao dar zoom, a imagem borra exatamente como o PNG original, e ao abrir no Illustrator, não há nada para editar. O teste leva dez segundos: abra o arquivo em um editor de texto. Se você ver um bloco de base64, você recebeu apenas um arquivo renomeado.

O que esta ferramenta realmente produz

Formas. O traçador encontra as bordas da sua imagem e as escreve como elementos de caminho SVG reais, agrupados por cor, para que você possa redimensionar o resultado infinitamente e editar cada curva no Illustrator, Figma ou Inkscape. Em um logo de duas cores com 267 por 87 pixels, o resultado veio com 8 elementos de caminho, sem base64 em nenhum lugar do arquivo, e as duas cores originais preservadas em seus valores hexadecimais exatos. O SVG também ficou com o tamanho 267 por 87, então pode ser usado como substituto direto do PNG original.

A precisão é medida, não presumida

Cada resultado traz uma pontuação de fidelidade, e não é uma estimativa. Seu SVG final é renderizado de volta em pixels e comparado com a imagem original pixel a pixel, e a porcentagem que aparece é a que você vê. O logo de duas cores marcou 99,5. No corpus de aceitação, todo arquivo chapado marca 99 ou mais, e três deles chegam exatamente a 100,0. Um logo real de produção, uma marca em branco e vermelho sobre transparência, chega a 99,7 em um arquivo de 9,5 KB com 3 camadas de cor e 19 caminhos.

Por que logos vetorizados costumam ficar errados, e o que é feito aqui

O anti-aliasing é o motivo pelo qual a maioria dos traçadores gera um halo de pontos ao redor de cada letra. Os tons suaves ao longo da borda não são cores do design, são borrões, e um traçador que trata isso como cor vai traçar fielmente o borrão. Aqui, as cores são detectadas na resolução nativa da imagem, então esses tons são reconhecidos como desfoque de borda e descartados, em vez de virarem formas. Outro defeito clássico são os vãos finos entre cores adjacentes, visíveis como linhas claras finas atravessando a arte. As camadas de cor são construídas sobrepostas, então esses vãos não aparecem.

Transparência e o contorno que costuma estragá-la

Pixels com opacidade abaixo de 50% são tratados como fundo e excluídos de todas as formas traçadas, então o SVG permanece transparente onde o PNG era. O problema mais difícil é a borda: um anel de um pixel da cor de fundo que a maioria dos traçadores deixa ao redor de um logo transparente, invisível em fundo branco e óbvio assim que o logo vai para uma página escura. Aqui ela é removida com trapping, uma técnica emprestada da impressão. Cada camada de cor cresce um pixel, mas apenas ao longo da faixa que faz fronteira com a transparência, cobrindo a borda sem mover nenhuma linha interna da arte.

Pequeno e um pouco borrado é o caso mais comum

A maioria das pessoas que pede uma versão vetorial não tem um arquivo mestre limpo. Tem um PNG pequeno exportado anos atrás. É para esse tipo de entrada que o motor é ajustado: uma imagem pequena com anti-aliasing é ampliada antes do traçado, o que dá ao traçador informações subpixel sobre onde as bordas realmente estão, então as curvas seguem as formas desenhadas pelo designer, em vez do efeito escada do arquivo pequeno. O logo de 267 pixels foi traçado com 1024 de largura, e o resultado informa isso. O limite é honesto: o traçado só recupera o que os pixels ainda mostram. Um favicon de 30 pixels guarda pouca informação sobre suas curvas, e nada pode inventar detalhes que nunca foram salvos.

Fotografias funcionam, e a ferramenta avisa que não deveriam

Uma fotografia não tem formas para redescobrir. É tom contínuo, então o traçado gera uma aproximação posterizada: interessante como estilo artístico, errado como cópia. A medição torna isso impossível de esconder. Uma imagem de teste em tom contínuo marcou 95,4% contra 99,5% do logo chapado, e enquanto o logo precisou de 2 camadas de cor e 8 caminhos, a foto precisou de 16 camadas e 9.899 caminhos. O resultado também traz um aviso dizendo que a imagem é tom contínuo e que o PNG continua sendo o formato fiel. Se você quiser o visual posterizado de propósito, defina a quantidade de cores manualmente e use.

Cores, ou preto e branco puro

Por padrão, a paleta é detectada automaticamente a partir do seu design, então um logo de duas cores é traçado como duas camadas limpas em vez de duas camadas mais um anel de tons de anti-aliasing fingindo ser cor, e artes mais ricas mantêm até 16. Você pode definir a quantidade manualmente entre 2 e 32: menos para um resultado mais limpo e estilizado, mais para uma correspondência de cor mais fiel. Para assinaturas digitalizadas, carimbos e arte linear, há um modo preto e branco separado que escolhe o limiar automaticamente a partir do histograma da imagem, ou recebe um valor seu entre 1 e 254, e retorna um desenho preto nítido sobre transparência.

O que acontece com seus arquivos

Várias imagens são traçadas com as mesmas configurações e retornam em um único ZIP com seus nomes originais. Os arquivos trafegam por uma conexão criptografada e são apagados do servidor uma hora após o resultado ficar pronto.

O que você recebe

• Elementos de caminho SVG reais agrupados por cor, editáveis em qualquer programa vetorial
• Uma porcentagem de fidelidade medida em cada arquivo, não apenas uma promessa de alta qualidade
• Anti-aliasing descartado em vez de traçado como halo de pontos
• Transparência preservada, com a borda de fundo de um pixel removida por trapping
• Detecção automática de paleta, quantidade de cores configurável e modo preto e branco para arte linear
• Sem conta, sem marca d'água, e arquivos apagados do servidor após uma hora

E agora?

Precisa fazer o caminho inverso e transformar um vetor em pixels para um formulário de upload ou um e-mail? SVG para PNG renderiza no tamanho que você quiser. Antes de enviar o arquivo traçado, Comprimir SVG remove o lixo do editor, e Comprimir PNG cuida do raster original se você quiser mantê-lo também.