UltKit

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

Saída

Os arquivos são processados em nossos servidores e apagados após 30 minutos.

Como usar esta ferramenta

  1. 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. 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. 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 transparenteBordas suaves semitransparentesMais de 256 coresAnimation
GIFGIF to Fundo transparente: yes– GIF to Bordas suaves semitransparentes: no– GIF to Mais de 256 cores: noGIF to Animation: yes
PNGPNG to Fundo transparente: yesPNG to Bordas suaves semitransparentes: yesPNG to Mais de 256 cores: yes– PNG to Animation: no
WEBPWEBP to Fundo transparente: yesWEBP to Bordas suaves semitransparentes: yesWEBP to Mais de 256 cores: yesWEBP to Animation: yes
JPG– JPG to Fundo transparente: no– JPG to Bordas suaves semitransparentes: noJPG to Mais de 256 cores: yes– JPG to Animation: no
supported not offeredO que cada formato raster consegue guardar depois que um SVG é desenhado nele. O GIF é o único limitado a uma paleta de 256 cores e transparência liga/desliga.

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
Conversor de SVG

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
Conversor de GIF

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.