Converter PNG para SVG

PNG é sem perdas, então nada foi borrado antes do vetorizador ver o arquivo: as bordas no arquivo são exatamente as bordas que a ferramenta de design desenhou, com apenas a suavização pretendida ao longo delas. Essa é a diferença entre esta página e qualquer outra origem na matriz de vetorização, e aparece direto no resultado.

Medido numa amostra de emblema deste site, um gráfico plano de 480 por 320 pixels: 7.136 bytes de PNG viraram 2.481 bytes de SVG nas oito cores padrão, em cinco caminhos. Menor que o original e agora escalável para uma placa de loja — o caso para o qual o recurso existe. Cinco caminhos também é o número a observar: quando uma vetorização de arte plana volta com cinco, doze ou trinta formas, funcionou; quando volta com oitocentas, a entrada não era arte plana.

Quase todo PNG que chega nesta página foi exportado de algo. O arquivo Figma, o documento Sketch, a prancheta do Illustrator ou o design do Canva que o produziu é uma origem SVG de verdade, e exporta um pelo menu — limpo, com curvas reais, texto real e camadas nomeadas.

Vale cinco minutos de busca porque a diferença é permanente. Uma logo vetorizada tem contornos onde o original tinha letras, então a marca nunca pode ser reposicionada na tipografia da marca, e as curvas são aproximações ajustadas que um designer nota de cara. Vetorize quando a conta foi encerrada, a agência sumiu, o arquivo está num notebook morto, ou a única cópia sobrevivente da marca é o PNG do site antigo.

O vetorizador lê os quatro canais, então uma logo recortada sobre fundo transparente não volta num quadrado branco. As regiões que eram transparentes saem como caminhos com opacidade zero, e a arte visível fica por cima deles, o que se comporta como o PNG se comportava ao ser colocado sobre uma página colorida.

O mecanismo vale conhecer porque não é um canal alfa. SVG não tem canal alfa; tem formas com opacidade, e um retângulo de opacidade zero cobrindo a tela é no que um fundo transparente se torna. Pixels semi-transparentes — a borda suave de uma sombra — são quantizados em poucos degraus de opacidade em vez de um gradiente suave, então uma sombra suave sai em faixas.

Prints são os PNGs mais comuns que existem e os menos adequados para vetorizar. Texto suavizado é um aglomerado de cinzas ligeiramente diferentes ao redor de cada traço, e cada aglomerado vira seu próprio caminho pequeno, então um parágrafo vira milhares de formas que juntas aproximam um texto ligeiramente errado.

A medição na amostra de print deste site é direta: um PNG de 2.608 bytes virou 166.255 bytes de SVG em 871 caminhos a oito cores — sessenta e quatro vezes o tamanho, para um resultado pior em todo aspecto, inclusive legibilidade. Se o objetivo era o texto, a conversão de PNG para TXT lê as palavras com Tesseract.

Quatro para uma marca de cor única ou logo bicolor, oito para uma ilustração plana com alguns preenchimentos, dezesseis onde há sombreado real, trinta e dois só quando algo está visivelmente faltando em dezesseis. Oito é o padrão e é a primeira tentativa certa para arte que saiu de uma ferramenta de design.

O ajuste não se comporta como um controle de qualidade comum, e as medições do emblema mostram por quê: 3.900 bytes em quatro cores, 2.481 em oito, 10.263 em dezesseis e 10.168 em trinta e dois. Mais cores produziram um arquivo *menor* num degrau e um salto de quatro vezes no seguinte, porque o quantizador escolhe uma paleta nova a cada vez.

Toda ferramenta de design suaviza bordas na exportação, então até uma logo de bordas duras tem uma rampa de um ou dois pixels de cor intermediária ao longo de cada limite. Essas rampas são as manchinhas que uma vetorização deixa, e o ajuste de detalhe decide se elas sobrevivem. Suave descarta formas abaixo de dezesseis pixels; nítido mantém formas até dois pixels.

Para uma logo, suave costuma ser a resposta certa. Nítido merece seu lugar num desenho técnico ou ícone de precisão de pixel, onde uma regra de um pixel é conteúdo relevante e não artefato. O vetorizador nunca borra a imagem antes: o raio de desfoque é fixo em zero, porque pré-borrar reduziria as manchinhas amolecendo exatamente as bordas duras que eram o único motivo de vetorizar uma logo.

Qualquer coisa acima de 1.600 pixels na maior dimensão é reduzida antes de vetorizar. Isso é um teto de custo, não de qualidade — o custo de vetorizar cresce com o número de bordas — e não custa nada à saída, porque uma logo vetorizada a 1.600 pixels e a mesma logo a 4.000 renderizam de forma idêntica em qualquer tamanho.

A direção que realmente importa é a outra. Uma exportação de favicon de 200 pixels tem tão poucos pixels ao longo de cada curva que os contornos ajustados arredondam cantos visivelmente, e nenhum ajuste corrige isso. Se algo ainda puder exportar a arte, peça algo em torno de 1.600 pixels de largura.

O que volta é uma pilha de caminhos preenchidos com preenchimentos sólidos e traços de um pixel combinando. Sem grupos, sem nomes de camada, sem elementos de texto, sem gradientes, sem símbolos. Uma marca é contornos de letras, não letras; um círculo é uma sequência de segmentos de curva ajustados, não um círculo.

Para a maior parte do uso desta página isso é aceitável, porque o destino é uma cortadora, uma gravadora, uma impressão grande ou um espaço reservado. Não é aceitável como substituto do arquivo mestre. Se a marca vai voltar para um sistema de identidade visual, trate a vetorização como referência para redesenhar, não como o original recuperado.