Converter HEIF para SVG

Todo outro par deste site pega uma imagem, desmonta ela e monta a mesma imagem de novo em outro formato. Este não. Um HEIF guarda uma grade de pixels coloridos, e um SVG guarda formas, e não há formas nenhuma na origem — elas precisam ser adivinhadas encontrando fronteiras entre áreas de cor parecida e desenhando um contorno ao redor de cada região.

Esse palpite é o que a vetorização é, e é por isso que o resultado não é a entrada em nenhum sentido. Isso também explica o formato inteiro desta página: se a conversão dá certo depende quase inteiramente de se a sua imagem contém as regiões planas que o algoritmo está procurando.

Quatro arquivos reais, testados antes e não depois. Uma logo plana foi convertida com fidelidade: 6 KB de origem viraram 16 KB de SVG, com bordas nítidas, cores corretas e cantos arredondados intactos — e agora escala para um outdoor, que é exatamente o caso para o qual o recurso existe. Um degradê saiu em faixas, porque um degradê é justamente a ausência de regiões planas.

Os outros dois são o aviso. Um print de tela contendo texto produziu um SVG quarenta vezes o tamanho da origem, porque cada letra com anti-serrilhado vira sua própria pilha de caminhos. Uma fotografia saiu quatro vezes maior e posterizada. Esses são os números para comparar contra o seu próprio arquivo.

O caso bom é uma foto de algo plano: a placa de uma loja, uma logo num papel timbrado, um estêncil, um carimbo, uma placa gravada, um desenho no papel. Esses assuntos são realmente feitos de áreas de uma cor só, então a vetorização encontra fronteiras reais e o resultado fica perto do que um designer teria desenhado.

O caso ruim é uma cena. Pessoas, paisagens, fotos de produto sob luz de estúdio, qualquer coisa com gradação de sombra — isso não tem regiões planas nenhuma, então o vetorizador inventa elas quantizando a imagem primeiro. O que volta é uma cópia posterizada num formato pior para guardar fotografia do que qualquer uma das alternativas.

Como o algoritmo procura fronteiras, tudo que borra uma fronteira atrapalha. Fotografe de frente em vez de num ângulo, para uma marca circular continuar circular. Consiga luz uniforme sobre o assunto inteiro: uma sombra caindo sobre metade de uma placa vira uma fronteira de cor, e o vetorizador vai desenhar fielmente ao redor dela.

Evite reflexos e textura. Uma logo fotografada num cartão brilhante pega realces que viram formas próprias, e a textura do papel sob luz rasante vira milhares de pontinhos. Luz difusa, assunto plano, câmera paralela a ele — a mesma disciplina de fotografar um documento, pelo mesmo motivo.

Você escolhe para quantas cores planas o desenho é reduzido: quatro, oito, dezesseis ou trinta e duas, com padrão oito. Quatro é certo para uma marca de uma cor só, um estêncil ou uma assinatura, e produz os caminhos mais limpos de qualquer ajuste. Oito serve para uma ilustração plana com alguns tons.

Dezesseis e trinta e duas são para arte com sombreamento de verdade, e custam rápido — cada cor a mais é mais um conjunto de regiões com mais um conjunto de contornos ao redor delas, então o arquivo cresce e as formas se multiplicam. Numa fotografia, uma contagem alta de cores basicamente transforma ruído em caminhos.

O ajuste de detalhe controla o quanto os caminhos seguem de perto as bordas dos pixels e o quão pequena uma forma precisa ser antes de ser descartada. Suave aceita o ajuste mais frouxo e descarta tudo abaixo de dezesseis pixels; equilibrado fica no meio, em oito; nítido segue de perto e mantém formas até dois pixels.

Suave costuma ser a resposta certa para um assunto fotografado, porque as bordas na sua imagem já são suaves de partida, e as formas pequenas descartadas são ruído da câmera, não arte. Nítido é para uma origem limpa em que todo detalhe é intencional — ele vai reproduzir uma borda irregular exatamente tão irregular quanto ela era.

Um truque comum para reduzir a contagem de pontinhos é desfocar a imagem um pouco antes de vetorizar. Funciona, e não é feito aqui, porque funciona suavizando exatamente as bordas nítidas que são o único motivo de vetorizar uma logo em primeiro lugar.

Se a sua origem precisa desse tratamento, o vetorizador está dizendo algo sobre a origem. Uma foto mais limpa, uma luz mais uniforme ou uma contagem de cores mais baixa resolvem a causa. Desfocar resolve o sintoma e leva junto a nitidez do resultado.

Imagens maiores que 1.600 pixels na maior dimensão são reduzidas antes de vetorizar. O custo da vetorização cresce com o número de bordas, não com o tamanho do arquivo, e uma foto de doze megapixels tem borda em quase todo lugar — sem esse limite, ela pode produzir um SVG de vários megabytes ao longo de dezenas de segundos, o que é um resultado pior do que aquele que você veio evitar.

Diferente de uma conversão raster, essa redução não é perda de fidelidade. A saída é independente de resolução, então uma logo vetorizada em 1.600 pixels e a mesma logo vetorizada em 4.000 renderizam de forma idêntica em qualquer tamanho. Tudo que muda é o quanto os caminhos se agarram à grade de pixels original, e em 1.600 pixels isso já é mais próximo do que a fotografia merece.

Duas correções são aplicadas ao que o vetorizador produz. Ele escreve largura e altura em pixels sem viewBox, o que gera um arquivo tecnicamente vetorial e na prática de tamanho fixo — colocado numa página, ele se recusa a escalar, que é exatamente o motivo de você ter convertido. Um viewBox é adicionado.

Ele também omite o namespace XML no elemento raiz. Dentro de um documento HTML o navegador deduz isso e o arquivo parece normal, o que é como o problema sobrevive sem ser testado. Aberto sozinho, ou entregue ao Inkscape ou ao Illustrator, um SVG sem esse atributo não é um SVG de verdade, então ele é adicionado.

A página mostra o tamanho do que você soltou e o tamanho do que saiu, e essa comparação é um veredito melhor que qualquer pré-visualização. Um resultado vetorizado várias vezes maior que a origem significa que o algoritmo não encontrou regiões planas e fabricou milhares de caminhos minúsculos no lugar — nenhum ajuste conserta isso, porque a imagem é o problema.

Quando sai do outro jeito, você tem o que veio buscar: um punhado de caminhos limpos, editáveis em qualquer ferramenta vetorial, prontos para uma máquina de corte, uma gravadora ou uma impressão em qualquer tamanho. Guarde o HEIF de qualquer forma, já que este site lê esse formato e não consegue escrever nele, e toda nova vetorização parte do original.

Formas preenchidas, e só formas preenchidas. Cada região de cor parecida vira um caminho fechado com um preenchimento sólido, então o que você abre num editor vetorial é uma pilha de silhuetas coloridas, não a arte em camadas, nomeada e com contorno que um designer teria desenhado.

Texto é o caso que surpreende as pessoas. Letras na fotografia viram formas com formato de letra — elas não são texto, não podem ser editadas, redigitadas ou reestilizadas, e não carregam nenhuma fonte. Se a marca que você vetorizou contém um logotipo em texto e você precisa mudar as palavras, a vetorização entregou uma imagem das palavras, e a tipografia precisa ser refeita no editor.

Uma máquina de corte, gravadora ou de bordado segue contornos, então a preparação útil é reduzir o número deles. Vetorize com quatro cores, abra o resultado, e apague as formas soltas que vieram de ruído ou sombra — geralmente são um punhado, e são exatamente as que uma máquina de corte vai cortar fielmente.

Mais dois hábitos que se pagam. Confira se as formas estão fechadas e se os buracos em letras como A e O são realmente buracos e não discos preenchidos separados, porque uma máquina de corte trata isso de forma diferente. E defina o tamanho físico no editor em vez de presumir que a vetorização já tem um: o SVG carrega um viewBox e proporções, e os milímetros são decisão sua.