Conversor online gratuito de GIF para SVG

O que é o formato GIF

GIF, ou Graphics Interchange Format, é um formato raster que armazena cada quadro como uma imagem indexada com até 256 cores. Ele usa compressão LZW sem perdas, oferece suporte à transparência de um bit e pode armazenar vários quadros com informações de temporização para animação.

Navegadores da Web, aplicativos de mensagens, ferramentas de captura de tela e editores de imagem usam arquivos GIF com frequência. Logotipos, ícones, diagramas, pixel art e animações curtas são conteúdos típicos de GIF. Um GIF tem dimensões fixas em pixels, portanto ampliá-lo produz bordas serrilhadas; sua paleta limitada também o torna inadequado para a maioria das fotografias.

O que é o formato SVG

SVG, ou Scalable Vector Graphics, é um formato baseado em XML que descreve matematicamente paths, formas, texto, gradientes e outros elementos de desenho. Navegadores e aplicativos vetoriais podem renderizar esses elementos em diferentes tamanhos sem a perda de resolução associada a imagens raster.

SVG é adequado para logotipos, ícones, diagramas, mapas, ilustrações, arte para impressão e paths de plotter de corte. Sua estrutura baseada em texto pode ser editada no Inkscape ou em um editor de texto, estilizada com CSS e incorporada ao HTML. Um SVG também pode conter o GIF original como um bitmap incorporado; isso preserva os pixels dentro de um contêiner SVG, mas não torna a imagem escalável nem utilizável como paths de corte.

Como converter um GIF em SVG

Para obter um resultado vetorial genuíno, use o tracing de bitmap em um editor vetorial para desktop, como o Inkscape:

1. Abra o arquivo com File → Open. GIFs animados não são convertidos como animações completas pelo tracing comum; selecione ou extraia o quadro necessário.
2. Selecione o bitmap importado e escolha Path → Trace Bitmap.
3. Use Brightness cutoff para arte em preto e branco. Para um logotipo ou ilustração com cores chapadas, escolha Multiple scans → Colors. Mais scans podem preservar mais cores, mas também criam mais paths e nodes.
4. Ajuste o threshold, a quantidade de scans e as opções de limpeza enquanto verifica a visualização e clique em Apply. O Inkscape posiciona os paths traçados sobre o bitmap original.
5. Mova a arte traçada para longe do GIF ou exclua o bitmap original. Inspecione as bordas e os nodes em alto zoom, depois use File → Save As e selecione Plain SVG quando a compatibilidade com outros programas for importante.

Para fazer a conversão sem instalar software, envie o arquivo para 101convert.com e escolha SVG. Verifique o arquivo baixado depois: a conversão automatizada pode traçar a imagem, preservar o GIF como um bitmap incorporado ou processar apenas um quadro da animação.

Para extrair um quadro específico antes do tracing, use FFmpeg, por exemplo:

ffmpeg -i input.gif -frames:v 1 frame.png

Isso extrai o primeiro quadro. Para obter outro quadro, identifique o timestamp correspondente e adicione um valor adequado de -ss antes do arquivo de entrada; em seguida, faça o tracing do PNG resultante no Inkscape.

Limites de qualidade e compatibilidade

O tracing não pode restaurar detalhes removidos pela redução da paleta do GIF, pelas dimensões pequenas ou pela compressão. Arte com cores chapadas e limites nítidos produz paths mais limpos do que fotografias, gradientes, ilustrações texturizadas e capturas de tela com antialiasing. Uma foto convertida em paths pode produzir um SVG desnecessariamente grande, difícil de editar e com resultados visuais ruins.

Use a menor quantidade de scans que preserve as formas necessárias. Scans excessivos podem criar milhares de nodes, aumentar o tamanho do arquivo e tornar a renderização mais lenta. Use Path → Simplify com cuidado, pois isso pode arredondar cantos ou remover pequenos detalhes.

O tracing não preserva automaticamente a animação do GIF. Cada quadro deve ser convertido separadamente e depois reunido usando animação SVG, JavaScript ou outro aplicativo. O suporte de navegadores e editores vetoriais para SVG é amplo, mas máquinas de corte e programas mais antigos podem aceitar apenas um conjunto restrito de recursos SVG. Remova filtros e efeitos incompatíveis e converta o texto em paths quando o software de destino não puder usar fontes ou quando for necessário manter a aparência exata das letras.