Converter BMP para SVG

Toda outra conversão deste site pega uma imagem e escreve a mesma imagem noutro formato. Esta não consegue, porque não existem formas dentro de um bitmap para carregar adiante — um BMP é uma grade de valores de cor e nada mais, sem registro nenhum do logotipo, das letras ou das linhas que o produziram.

Então o traçador chuta. Ele encontra fronteiras entre áreas de cor parecida e desenha um contorno ao redor de cada uma, e o resultado é um desenho novo que por acaso se parece com a imagem antiga. Esse chute é o que traçar significa, e é por isso que esta página gasta o espaço dela em quais imagens ela acerta bem, em vez de em ajustes.

Regiões planas com fronteiras reais entre elas: um logotipo, uma marca em texto, um ícone, uma ilustração plana, um esquema, um desenho de linha digitalizado. Esse material é feito exatamente do que o algoritmo procura, então a saída é um conjunto pequeno de traçados limpos que escalam para qualquer tamanho sem borrar.

Medido antes deste recurso existir: um logotipo plano fez a volta fielmente — bordas nítidas, cores corretas, cantos arredondados intactos — e 6 KB de PNG viraram 16 KB de SVG que agora escala até um outdoor. Maior, e vale a pena, porque o arquivo maior é o que pode ser impresso a um metro de largura. Essa é a forma de um traçado bem-sucedido nesta página: um aumento modesto em bytes em troca de independência de resolução.

O que sai é uma lista de traçados preenchidos, então Inkscape, Illustrator e Figma abrem tudo isso e deixam você selecionar uma forma, recolorir, mover ou apagar. Para um logotipo recuperado isso costuma ser o trabalho inteiro: trace em quatro ou oito cores, apague as manchas soltas que o traçador deixou nas bordas, ajuste os preenchimentos para os valores exatos da marca, e a arte está utilizável de novo.

Quão agradável isso é depende inteiramente da quantidade de formas. Uma marca limpa traçada em quatro cores é um punhado de traçados e se comporta como algo que uma pessoa desenhou. Uma fotografia traçada é milhares de manchas sobrepostas sem estrutura, sem nome e sem agrupamento, e editar isso não é significativamente mais fácil que redesenhar a imagem.

Ela posteriza. Uma fotografia não tem regiões planas — um céu é um degradê contínuo, um rosto é um degradê contínuo — então o traçador fabrica as fronteiras de que precisa reduzindo a imagem a um punhado de cores primeiro, e depois contorna essas.

O resultado medido é o esperado: uma fotografia saiu quatro vezes maior que o original comprimido e visivelmente posterizada. As duas metades disso são ruins, o que é incomum — a maioria das trocas aqui te dá algo em troca. Se o objetivo era fazer uma fotografia escalar, nada consegue, e o certo é manter os pixels e usar a versão maior que você tiver.

Uma captura de tela com texto produziu um SVG quarenta vezes maior que o PNG. Toda letra suavizada por antisserrilhamento é um agrupamento de cinzas ligeiramente diferentes, e cada um deles vira o próprio traçado pequeno, então um parágrafo de texto se transforma em milhares de formas que juntas parecem um texto ligeiramente errado.

Como capturas de tela são uma das coisas mais comuns de chegar como BMP, vale dizer isso em voz alta. Se o ponto era o texto, a conversão BMP para TXT lê ele. Se o ponto era uma imagem nítida da interface, PNG guarda cada pixel exatamente e é uma fração do tamanho tanto do bitmap quanto do traçado.

Quatro cores para uma marca de cor única ou um logotipo simples, oito para uma ilustração plana, dezesseis onde há sombreamento real, trinta e duas só quando o resultado está visivelmente faltando alguma coisa. O padrão é oito e é o ponto de partida certo para a maior parte da arte que chega como bitmap.

O custo de aumentar não é linear de forma justa. Cada cor adicional é mais um conjunto completo de regiões para contornar, então a contagem de formas e o tamanho do arquivo sobem rápido enquanto a melhora visual achata. Testar oito e depois dezesseis leva vinte segundos e resolve a pergunta melhor do que raciocinar sobre ela.

O ajuste de detalhe controla quão de perto os traçados seguem os pixels. Suave aceita um encaixe mais folgado e descarta qualquer forma abaixo de dezesseis pixels, o que remove as manchas que o antisserrilhamento deixa em cada borda. Nítido mantém formas até dois pixels e segue a grade de perto. Equilibrado fica no meio e é o padrão.

Suave costuma ser certo para um logotipo, e nítido costuma ser certo para um desenho técnico onde uma linha fina importa. O que o ajuste nunca faz é borrar a imagem primeiro: isso reduziria a contagem de manchas suavizando exatamente as bordas duras que eram o único motivo de traçar um logotipo.

O custo de traçar cresce com o número de bordas, não com o tamanho do arquivo, e uma fotografia grande tem borda em quase todo lugar. Sem redução, uma origem de doze megapixels pode produzir um SVG de vários megabytes ao longo de dezenas de segundos — um resultado pior que aquele que a pessoa estava tentando evitar.

Reduzir antes não é a perda que seria numa conversão de raster. A saída é independente de resolução, então um logotipo traçado a 1.600 pixels de largura e o mesmo logotipo traçado a 4.000 renderizam de forma idêntica em qualquer tamanho; o que muda é só quão de perto os traçados abraçam a grade de pixels original.

Depois de traçar, as duas contagens de bytes são medidas e comparadas, e a interface diz para que lado foi. Esse aviso é o núcleo honesto do recurso — nenhuma heurística prevê se um traçado vai funcionar, mas a resposta está disponível de graça um instante depois.

Precisa de uma correção quando a origem é um bitmap. Contra três bytes por pixel sem compressão, quase tudo parece um ganho, então uma fotografia traçada pode ficar menor que seu BMP de 36 MB enquanto é quatro vezes maior que um PNG da mesma imagem e consideravelmente pior. Converta o bitmap para PNG também e compare com esse número em vez do BMP — é o que reflete o que traçar de fato custou.

O traçado é feito pelo imagetracerjs: 46 KB, JavaScript puro, lançado sob a Unlicense. Não é o melhor traçador disponível. O potrace e o autotrace produzem curvas mais limpas e são GPL; o VTracer produz o melhor resultado dos quatro, mas sua única embalagem para navegador não declara licença nenhuma, o que este projeto trata como bloqueado, não como permissivo.

O que isso compra é uma conversão que roda inteiramente no seu navegador. O bitmap é decodificado, escalado e traçado na aba, nada é enviado, e não há conta nem limite diário — o que importa, porque a arte que as pessoas tentam recuperar assim quase sempre é um logotipo que alguém possui.