Converter SVG para GIF
Gere um GIF a partir de um SVG na largura que você escolher, para sites e sistemas que aceitam GIF mas não exibem arquivos vetoriais. O resultado é uma imagem estática com paleta de até 256 cores, transparente onde o SVG não tem nada desenhado.
Conversor de imagens
ou solte arquivos JPG, JPEG, JPE … aqui ·
Até 95 MB por arquivo· Até 20 arquivos· Apagados após 30 minutos
Os arquivos são processados em nossos servidores e apagados após 30 minutos.
85 mantém as fotos visualmente idênticas ao original. Diminua só quando precisar de um arquivo menor.
JPG, BMP e EPS não têm transparência. Os pixels transparentes são preenchidos com esta cor.
Cor hexadecimal usada atrás dos pixels transparentes, por exemplo #FFFFFF.
Este formato guarda uma única imagem. Escolha saída GIF ou WebP se quiser manter a animação.
Um ícone multitamanho contém várias resoluções em um só arquivo; navegadores e sistemas operacionais escolhem a que precisam.
Mantenha as dimensões originais ou informe um dos lados, e a proporção é preservada.
Pixels do lado escolhido acima.
Porcentagem das dimensões originais.
sRGB é o certo para telas e web. Mantenha o original em fluxos de impressão; escala de cinza descarta as cores.
Só nos metadados; 0 mantém o valor original. Impressoras e alguns portais leem esse número; ele não altera as dimensões em pixels.
Como usar esta ferramenta
- 1
Envie os arquivos SVG
Adicione até 20 arquivos .svg, de até 95 MB cada, do seu computador ou arrastando-os para a área de envio.
- 2
Defina a largura em pixels
Esta página desenha o vetor com 600 px de largura. Altere o número em Redimensionar imagem de saída, dentro de Configurações avançadas; a altura segue as proporções do desenho.
- 3
Converta para GIF
Clique em Converter para GIF e baixe cada imagem, ou o conjunto todo em um ZIP. Confira um arquivo sobre o fundo em que ele será usado antes de aplicá-lo.
Converter SVG em GIF troca um desenho sem resolução fixa por uma grade fixa de no máximo 256 cores, o que funciona bem para logos e ícones chapados e mal para degradês.
Converter SVG para GIF na largura de que você precisa
Um SVG é um conjunto de instruções: desenhe este traçado, preencha com esta cor, posicione este texto. Um GIF é o oposto, uma grade de pixels em que cada um aponta para uma de até 256 entradas da paleta. Converter significa desenhar as instruções uma vez em uma largura de pixels escolhida e guardar o resultado, por isso a largura em Redimensionar imagem de saída importa mais que qualquer outra configuração aqui. Esta página começa em 600 px.
O GIF data de 1987, quando a CompuServe o publicou, e sua revisão de 1989, o GIF89a, acrescentou transparência e atrasos entre quadros. Essa idade é hoje seu principal ponto forte: programas que recusam formatos mais novos, de engines de fórum antigas a alguns clientes de e-mail e redes de anúncios, ainda exibem GIF. Já o SVG é bloqueado em muitos formulários de envio por ser XML que pode conter scripts.
Como a origem é vetorial, você pode desenhá-la em qualquer largura sem perder nitidez. Escolha o tamanho em que o GIF será realmente exibido; ampliar um GIF pequeno depois traz de volta o desfoque que o SVG nunca teve.
| from ↓ · to → | Fundo transparente | Bordas suaves semitransparentes | Mais de 256 cores | Animation |
|---|---|---|---|---|
| GIF | GIF to Fundo transparente: yes | – GIF to Bordas suaves semitransparentes: no | – GIF to Mais de 256 cores: no | GIF to Animation: yes |
| PNG | PNG to Fundo transparente: yes | PNG to Bordas suaves semitransparentes: yes | PNG to Mais de 256 cores: yes | – PNG to Animation: no |
| WEBP | WEBP to Fundo transparente: yes | WEBP to Bordas suaves semitransparentes: yes | WEBP to Mais de 256 cores: yes | WEBP to Animation: yes |
| JPG | – JPG to Fundo transparente: no | – JPG to Bordas suaves semitransparentes: no | JPG to Mais de 256 cores: yes | – JPG to Animation: no |
SVG
Scalable Vector Graphics (SVG)
SVG é um formato vetorial baseado em XML, padronizado pelo W3C em 2001. Em vez de pixels, ele descreve formas, caminhos e texto, por isso fica nítido em qualquer tamanho e costuma ser minúsculo para logotipos e ícones. Ele aceita transparência, estilo com CSS, scripts e animação, e todos os navegadores o renderizam nativamente. O SVG não é adequado para fotografias, e ilustrações complexas podem ficar lentas para renderizar. Illustrator, Inkscape, Figma e os navegadores conseguem abri-lo e editá-lo.
- Compressão
- –
- Transparência
- Sim
- Animação
- Sim
- Lançamento
- 2001 · W3C
GIF
Graphics Interchange Format (GIF)
O GIF foi lançado pela CompuServe em 1987 e ainda é o formato com maior suporte para animações curtas em loop. Ele é sem perda, mas limitado a uma paleta de 256 cores por quadro, por isso fotos e degradês mostram faixas e pontilhado. Aceita só transparência do tipo liga/desliga (1 bit), o que deixa bordas serrilhadas em formas curvas. GIFs animados costumam ser muito maiores que o mesmo trecho em MP4 ou WebP. Todo navegador, app de chat e plataforma social reproduz GIFs.
- Compressão
- Sem perdas
- Transparência
- Sim
- Animação
- Sim
- Lançamento
- 1987 · CompuServe
SVG para GIF existe para destinos presos ao GIF, como assinaturas de e-mail, fóruns antigos e espaços de anúncio, que precisam de uma imagem pequena e chapada de um logo vetorial; transformar um GIF em SVG é um trabalho de vetorização para recuperar uma arte escalável.
SVG animado para GIF: o que não é convertido
Animações SMIL, CSS e por script são descartadas
Um SVG que se mexe no navegador por elementos animate, keyframes CSS ou JavaScript vira um único quadro estático de GIF, mostrando o estado inicial. Para um GIF animado, grave a animação como vídeo e converta com a ferramenta vídeo para GIF.
256 cores e transparência de 1 bit na prática
A maioria dos logos SVG usa poucas cores chapadas, então o limite da paleta não custa nada. Os pontos problemáticos são as bordas suavizadas e os degradês. Toda borda curva de um SVG renderizado contém pixels intermediários parcialmente transparentes; o GIF precisa deixar cada um totalmente visível ou totalmente transparente, o que pode gerar um contorno serrilhado ou um halo claro.
A solução é decidir o fundo antes de converter. Se o GIF ficar sobre o corpo branco de um e-mail, dê ao SVG um retângulo de fundo branco; em um tema escuro de fórum, use a cor desse tema. Os pixels de borda se misturam à cor certa e o contorno fica liso. Se não der para saber de antemão, o PNG é mais seguro.
Perguntas sobre converter SVG para GIF
Por que usar GIF em vez de PNG para um logo SVG?
Só quando o destino exige GIF, como um CMS antigo, uma assinatura de fórum ou um modelo de anúncio que lista GIF como tipo de imagem. O PNG mantém bordas suaves e cores ilimitadas, então SVG para PNG é a melhor opção padrão sempre que os dois formatos forem aceitos.
Meu SVG animado vai virar um GIF animado?
Não. O conversor desenha o SVG uma única vez, no estado inicial, então elementos de animação SMIL, keyframes CSS e scripts não são executados e você recebe um único quadro estático. Para capturar o movimento, grave a animação rodando em um navegador como vídeo e use vídeo para GIF.
Por que as bordas do meu logo ficam serrilhadas ou com um halo claro?
A transparência do GIF é do tipo liga/desliga em cada pixel, então os pixels de borda suaves e parcialmente transparentes de um SVG precisam ser mantidos ou descartados. Bordas mesclladas para um fundo mostram um contorno em outro. Adicione um retângulo de fundo na cor da página de destino antes de converter e as bordas ficam bem misturadas.
O que acontece com os degradês do SVG?
A paleta do GIF tem no máximo 256 cores, então os degradês suaves precisam ser aproximados. Degradês curtos ficam bons; os grandes e sutis mostram degraus ou um padrão pontilhado de dithering. Logos e ícones de cores chapadas, o conteúdo comum de SVG, cabem na paleta com facilidade.
Posso usar o GIF em uma assinatura de e-mail?
Sim, e esse é um dos principais motivos para fazer essa conversão. Gmail e Outlook não exibem imagens SVG nas mensagens, enquanto o GIF é exibido nos clientes de e-mail há décadas. Mantenha a largura moderada, entre 300 e 600 px, para a assinatura ficar leve.
Quais configurações de tamanho do SVG o conversor lê?
Ele usa a largura, a altura e o viewBox do desenho para calcular as proporções e depois o desenha na largura em pixels que você definir. Como a origem é vetorial, escolher uma largura maior não custa nitidez, só tamanho do arquivo.
Ferramentas relacionadas de SVG e GIF
- Converter SVG para PNGConverta logos e ícones SVG em PNG na largura que você escolher, 1024 px por padrão, mantendo o fundo transparente. Entenda a relação entre DPI e pixels.
- Converter PNG para GIFConverta imagens PNG em GIF para ferramentas e modelos que só aceitam GIF. Veja antes o que a paleta de 256 cores e a transparência de 1 bit fazem com a imagem.
- Converter JPG para GIFTransforme fotos JPG em GIF para avatares de fórum, assinaturas de e-mail e programas que só leem GIF. Até 20 de uma vez, 256 cores, sem cadastro.
- Converter imagem em GIFConverta JPG, PNG, WebP, HEIC, SVG e mais em GIF para fóruns, assinaturas de e-mail e sistemas antigos. 20 arquivos por lote, sem conta e sem marca d'água.
- Converter SVG para JPEGConverta SVG em JPEG para portais e CMSs que recusam arquivos vetoriais. Fundo branco, 1920 px de largura por padrão, 20 arquivos por lote, sem cadastro.
- Converter GIF para PNGConverta GIF em PNG mantendo a transparência: pegue o primeiro quadro como imagem estática ou exporte cada quadro da animação como um PNG separado.