Converter SVG em GIF
Transforme um SVG num GIF que se vê em todo o lado. Os SVG animados mantêm o movimento, CSS ou SMIL; os estáticos tornam-se um GIF nítido. Escolha as dimensões, a duração e os fotogramas por segundo e descarregue. Grátis, no navegador.
O seu ficheiro
Largue aqui um SVG para converterToque para escolher um SVG
SVG, animado ou estático
Porquê utilizar esta ferramenta
Processamento no seu dispositivo
A capacidade depende da memória disponível e dos limites de cada ferramenta.
Sem envio de ficheiros
Tudo é processado no navegador. Os seus ficheiros ficam no dispositivo.
Sem registo
Abra a ferramenta e comece. Não precisa de conta nem de email.
O SVG é o melhor formato para ícones, logótipos e animações de linhas na web, mas grande parte do mundo não o consegue mostrar. Programas de email, apps de conversa, apresentações, fóruns e redes sociais querem um GIF, ou um vídeo.
Este conversor de SVG em GIF reproduz o seu SVG exatamente como um navegador e grava-o fotograma a fotograma. Indicadores de carregamento, animações de logótipos, ícones e ilustrações mantêm o movimento, e o GIF repete sem saltos quando a duração coincide com um ciclo da animação. O SVG é aberto no modo de imagem seguro do navegador e nunca é enviado.
Como converter SVG em GIF
Adicione o seu SVG
Largue um ficheiro .svg na caixa acima ou escolha-o. Começa a ser reproduzido na pré-visualização, e a ferramenta indica se é animado e quanto dura um ciclo.
Escolha as dimensões e a duração
Escolha a largura; a altura segue a proporção do SVG. A duração é definida para um ciclo da animação, para o GIF repetir sem saltos.
Defina os fotogramas por segundo e o fundo
Vinte fotogramas por segundo ficam fluidos na maioria das animações. Deixe o fundo transparente ou escolha branco ou preto para apps que mostram mal a transparência.
Converta e descarregue
Prima Converter em GIF. A animação é gravada em tempo real, por isso um SVG de três segundos demora três segundos, e depois é codificada. Mantenha o separador aberto até ao fim.
Converter um SVG animado em GIF
Os SVG mexem-se de duas formas: com elementos SMIL como <animate> e <animateTransform> no ficheiro, ou com animações CSS @keyframes no seu <style>. Ambas funcionam aqui exatamente como num navegador, porque é o próprio navegador que as reproduz, e o GIF grava o que vê na pré-visualização.
Para um GIF que repete de forma limpa, a gravação tem de durar um ciclo completo. A ferramenta lê as durações escritas no SVG e define a duração por si; se a animação combinar vários ciclos de durações diferentes, usa o seu múltiplo comum, até 10 segundos.
Os movimentos que dependem de scripts, de passar o rato ou de cliques não são reproduzidos dentro de uma imagem, por isso não podem ser gravados. As animações que começam sozinhas, ou seja, quase todos os ícones animados, indicadores de carregamento e logótipos, funcionam.
Dimensões, fotogramas por segundo e tamanho
Um SVG não tem resolução fixa, por isso é desenhado nítido na largura que escolher: sem desfocagem por ampliação. O tamanho cresce com a largura e o número de fotogramas, por isso escolha as dimensões mais pequenas a que o GIF vai realmente aparecer.
Dez fotogramas por segundo chegam para movimentos lentos e simples; 20 ficam fluidos para a maioria dos ícones e indicadores de carregamento; 25 para movimentos rápidos. Os gráficos vetoriais de cores planas comprimem muito bem em GIF, e as partes paradas são guardadas uma só vez. Se ainda assim ficar demasiado pesado, o compressor de GIF ajusta-o a um tamanho exato. Para um emoji personalizado, GIF para emoji ajusta o resultado aos limites do Discord, Slack ou Twitch.
Fundos transparentes
Os SVG costumam ter fundo transparente, e o GIF também pode ter. No GIF, a transparência é tudo ou nada em cada píxel, por isso os contornos suaves das formas vetoriais ficam nítidos e ligeiramente serrilhados, sobretudo sobre fundos escuros.
Quando sabe onde o GIF vai aparecer, escolha antes um fundo dessa cor: branco para a maioria dos emails e documentos, preto para conversas em modo escuro. Assim os contornos ficam perfeitamente suaves.
Seguro por natureza
Um SVG é um documento que pode conter scripts e ligações a outros ficheiros. Aqui é aberto como imagem, o mesmo modo rigoroso que os navegadores usam para um SVG numa etiqueta <img>: os scripts nunca são executados e nada é carregado fora do ficheiro. Por isso, os tipos de letra e as imagens que o SVG liga a outros sites não aparecem; os incorporados aparecem.
Nada é enviado. A gravação e a codificação acontecem no seu navegador.
Definições para as animações SVG mais comuns
Pontos de partida. A pré-visualização reproduz o SVG exatamente como vai ser gravado.
| SVG | Largura | Fotogramas por segundo | Fundo |
|---|---|---|---|
| Indicador de carregamento | 240–320 px | 20–25 | Igual à página |
| Ícone animado | 240 px | 20 | Transparente ou branco |
| Animação de logótipo para email | 480–640 px | 20 | Branco |
| Ilustração ou banner | 640–800 px | 10–20 | O seu próprio fundo |
| Gráfico ou animação de dados | 640 px | 10 | Branco |
Porque converter uma animação SVG em GIF
Newsletters
A maioria dos programas de email não suporta SVG, muito menos a sua animação. Um GIF vê-se quase em todo o lado.
Apresentações e documentos
PowerPoint, Keynote, Google Slides e muitas ferramentas de documentos reproduzem GIFs onde a animação SVG não funciona.
Conversas e redes sociais
Partilhe um logótipo ou ícone animado no Slack, Discord, WhatsApp ou nas redes sociais.
Entregas de design e pré-visualizações
Mostre o movimento a clientes e colegas em ferramentas que só mostram imagens.
README e documentação
Diagramas e demonstrações animados em sites de documentação e repositórios que removem a animação SVG.
Autocolantes e emojis
Transforme emojis e autocolantes vetoriais em GIF e ajuste-os aos limites de tamanho das apps de conversa.
Perguntas frequentes
- A animação do SVG mantém-se?
- Sim. As animações CSS e SMIL são reproduzidas e gravadas no GIF. Só os movimentos comandados por scripts ou por passar o rato e clicar não podem ser captados.
- Posso converter um SVG estático em GIF?
- Sim. Um SVG estático torna-se um GIF de um só fotograma na largura que escolher, desenhado nítido a partir do vetor.
- Porque é que a conversão demora tanto como a animação?
- A animação é gravada enquanto é reproduzida, tal como o navegador a executa: um SVG de cinco segundos precisa de cinco segundos de gravação, mais um momento para a codificação.
- Porque é que a gravação parou quando mudei de separador?
- Os navegadores põem em pausa as animações dos separadores que não está a ver, o que deixaria falhas no GIF. Mantenha o separador visível até ao fim.
- Como faço o GIF repetir sem saltos?
- Defina a duração exatamente para um ciclo da animação: a ferramenta fá-lo por si quando o SVG indica as suas durações.
- O meu SVG é enviado?
- Não. É reproduzido, gravado e codificado no seu navegador, no seu dispositivo.
- Porque faltam alguns tipos de letra ou imagens?
- Por segurança, o SVG é aberto como imagem, e assim não se carregam tipos de letra nem imagens de outros sites. Converta o texto em contornos, ou incorpore as imagens no SVG, antes da conversão.
- Posso converter animações Lottie ou JSON?
- Não diretamente: os ficheiros Lottie são JSON, não SVG. Exporte primeiro a animação como SVG ou grave-a em vídeo.
Ferramentas relacionadas
Alterar velocidade de GIF
Acelere ou abrande um GIF, ou dê a mesma duração a todos os fotogramas, sem perder qualidade.
Comprimir GIF
Reduza o tamanho de um GIF ou ajuste-o a um tamanho exato, como 256 KB ou 5 MB.
Criar GIF
Crie um GIF animado a partir de fotos ou de um vídeo. Escolha a ordem, a velocidade, o tamanho e a repetição.
GIF para MP4
Converta um GIF num vídeo MP4, normalmente muito mais leve, mantendo o ritmo.
Vetorizar imagem para SVG
Converta um logótipo ou desenho simples em formas vetoriais.
Imagem para PNG
Converta gráficos e fotografias para PNG mantendo a transparência que já existe. Também pode transformar uma fotografia HEIC do iPhone em PNG.