Saltar para o conteúdo principal
LibraTool logoLibraTool

Criador de GIF Animado grátis

Combine várias imagens em um GIF animado. Atraso de quadros, largura de saída, repetição e qualidade ajustáveis. Codificado inteiramente no seu navegador.

Arraste arquivos aqui ou clique para procurar

JPG, PNG, WebP, HEIC, HEIF · processado no seu dispositivo

ou pressione Ctrl+V para colar da área de transferência

Você pode arrastar vários arquivos de uma vez

Procurar arquivos

Seus arquivos nunca saem do seu dispositivo. Todo o processamento acontece localmente no seu navegador.

Usos comuns

  • Anime Capturas de Tela do TutorialConverta uma série de capturas de tela em um GIF animado mostrando um fluxo de trabalho passo a passo.
  • GIFs de Demo de Produto para Páginas de DestinoCrie GIFs animados que mostrem seu produto em ação — incorpore em páginas de destino, READMEs ou posts de redes sociais.
  • Fazer Memes e GIFs de ReaçãoCombine imagens em GIFs de meme compartilháveis para Twitter, Discord, Slack ou conversas em grupo.
  • Animações Stop-MotionConstrua animações stop-motion a partir de uma série de fotos de objetos, argila, desenhos ou mãos.

Como funciona

A codificação GIF é executada completamente no seu navegador através de gif.js — um codificador GIF JavaScript puro com um Web Worker para desempenho. Suas imagens nunca são enviadas.

  1. 1
    Você coloca várias imagens
    Cada imagem é carregada na memória do seu navegador e decodificada pelo decodificador de imagem integrado do navegador. Elas aparecem na lista de quadros na ordem de upload.
  2. 2
    Cada quadro é desenhado em uma tela na largura escolhida
    A proporção de aspecto é preservada do primeiro quadro. Os dados de pixel da tela são passados para gif.js como uma sequência de quadros com seu atraso escolhido.
  3. 3
    Um Web Worker codifica o GIF em segundo plano
    gif.js gera um worker para codificar sem bloquear a interface do usuário. O worker manipula quantização de cor (reduzindo cada quadro para 256 cores) e gera bytes GIF comprimidos com LZW.
  4. 4
    O GIF acabado é oferecido para download
    Quando a codificação é concluída, você pode visualizar a animação e salvá-la localmente. O Blob é mantido apenas na memória do seu navegador.

Suas fotos nunca são enviadas para lugar nenhum. O worker gif.js é executado no seu navegador. Apropriado para colagens de fotos pessoais, memes de capturas de tela ou conteúdo sensível.

Guia

Exemplo prático

Solte três imagens, todas com 1600×1000 pixels. A lista diz “3 quadros — reordene arrastando ou com ↑/↓”. Com os valores padrão, “Largura de saída (480px)” gera um GIF de 480×300, “Atraso do quadro (200ms)” mostra “5.0 FPS” e “Repetir o GIF” está marcado. Mova o controle até mostrar “Atraso do quadro (500ms)” e “2.0 FPS”. No campo ao lado do quadro 3, digite 1500, para que a última imagem fique mais tempo. Digite Dia 1 em “Legenda (opcional)” e deixe em “Inferior”. Clique em “Criar GIF”. O botão conta “Codificando 60%…”, e aparece uma prévia com “Baixar” e o tamanho entre parênteses. Os quadros aparecem por 0,5, 0,5 e 1,5 segundo, 2,5 segundos no total, e depois se repetem. O arquivo é salvo como animation.gif. Se agora você mudar a largura, a página diz “Quadros ou configurações foram alterados — codifique novamente para atualizar o GIF.” até você clicar em “Codificar novamente”.

Quais configurações usar e os limites

  • Adicione os quadros e depois coloque-os em ordem. A ferramenta aceita imagens JPEG, PNG e WebP; uma foto HEIC do iPhone é convertida em PNG ao ser adicionada. Solte, procure ou cole várias de uma vez, e adicione mais depois: as novas imagens vão para o fim da lista. A lista diz “3 quadros — reordene arrastando ou com ↑/↓”, com setas “Mover para cima” e “Mover para baixo” e um “Remover quadro” em cruz em cada linha. O primeiro quadro da lista define o formato de todo o GIF. Um GIF animado não é aceito como quadro.
  • Defina a velocidade de todos os quadros e depois ajuste alguns individualmente. “Atraso do quadro” vai de 50 a 1000 ms em passos de 50 e começa em 200 ms. A linha abaixo mostra a taxa de quadros: “5.0 FPS” a 200 ms e “20.0 FPS” a 50 ms. O campo pequeno em cada linha substitui o atraso só para aquele quadro. Deixe-o vazio para usar o valor global, que ele mostra como dica em cinza. Suas setas começam em 20 ms e avançam de 10 em 10. Dê ao último quadro um atraso maior para segurar o final da animação.
  • Escolha a largura e o ajuste. “Largura de saída” vai de 100 a 1200 px em passos de 20 e começa em 480. A altura segue o formato do primeiro quadro, então imagens de 1600×1000 a 480 dão 480×300. “Ajuste do frame” decide o que acontece com imagens de outro formato. “Conter” (o padrão) mostra a imagem inteira e preenche os vazios com a “Cor de fundo”, branca no início. “Preencher” preenche o quadro e corta as bordas. “Esticar” preenche e distorce a imagem. As áreas transparentes de um PNG também mostram a cor de fundo.
  • Troque tamanho de arquivo por qualidade. Um GIF guarda cada quadro, então seu tamanho cresce com o número de quadros e com a largura, e reduzir a “Largura de saída” é o que mais economiza. O controle de “Qualidade” vai de 1 a 30 e começa em 10. A página diz “Menor = melhor qualidade, arquivo maior”, então 30 dá o arquivo menor e mais tosco. “Repetir o GIF” está marcado, o que repete a animação para sempre; desmarque para tocá-la uma vez. O codificador usa dois workers em segundo plano enquanto a barra conta “Codificando 40%…”.
  • Adicione uma legenda a todos os quadros, se precisar. “Legenda (opcional)” desenha a mesma linha de texto em todos os quadros. Escolha “Superior” ou “Inferior” (Inferior é o padrão) e uma cor de texto, branca no início. O texto sempre tem um contorno preto para continuar legível. O tamanho do texto é um doze avos da largura do GIF, nunca abaixo de 12 px, e a linha não quebra: uma legenda longa é comprimida para caber em 94% da largura. Mantenha-a curta.
  • Confira a prévia antes de baixar. Depois de “Criar GIF”, a prévia aparece sob os botões e o botão “Baixar” mostra o tamanho entre parênteses. O arquivo é sempre salvo como animation.gif. “Codificar novamente” executa mais uma vez as configurações atuais. Se você mudar uma configuração, reordenar quadros ou alterar o atraso de um quadro depois de codificar, o GIF antigo continua na tela com um aviso, e um download entregaria a animação antiga. Adicionar ou remover um quadro o apaga. O script do codificador é servido por este site, e nada é enviado.

Problemas comuns e como resolvê-los

Aparece “A geração de GIF falhou”
A ferramenta carrega todos os quadros antes de começar, e uma imagem que o navegador não consegue decodificar interrompe toda a execução. A página não diz qual. Remova quadros com a cruz, alguns por vez, até “Criar GIF” funcionar, e depois salve de novo a imagem problemática como JPEG ou PNG. Uma mensagem diferente, “Canvas não está disponível neste navegador”, significa que o navegador não deu à página uma superfície de desenho 2D, de que a ferramenta precisa para cada quadro. Tente outro navegador.
Aparece “banner.gif é um arquivo GIF, que esta ferramenta não consegue abrir.”
A área de soltar verifica o que o arquivo realmente é, e não só o nome. JPEG, PNG e WebP são aceitos, além de HEIC, que é convertido. GIF, AVIF e BMP são recusados, então um GIF animado não pode ser usado como quadro. Salve antes a imagem em um dos tipos aceitos; o Conversor de formato de imagem faz isso. Um arquivo que o verificador não consegue identificar recebe “Este formato de arquivo não é suportado.” com o nome dele.
Alguns quadros têm barras nas laterais ou aparecem cortados.
Isso é o “Ajuste do frame” em ação, e o formato do GIF vem do primeiro quadro da lista. Com “Conter”, uma imagem de outro formato recebe barras preenchidas com a “Cor de fundo”. Escolha “Preencher” para preencher o quadro e cortar as bordas. “Esticar” elimina as barras, mas distorce a imagem. Para mudar o formato geral, leve para o topo uma imagem do formato certo com “Mover para cima” e clique em “Codificar novamente”.
Aparece “Quadros ou configurações foram alterados — codifique novamente para atualizar o GIF.”
Você mudou uma configuração, reordenou os quadros ou alterou o atraso de um quadro depois que o GIF foi criado. A prévia e o botão “Baixar” ainda contêm o GIF antigo, então um download agora entregaria a animação antiga. Clique em “Codificar novamente” para criar uma nova. Adicionar ou remover um quadro apaga o GIF antigo, então você não vê este aviso nesse caso.
O arquivo GIF tem vários megabytes.
O tamanho vem do número de quadros, da largura e da configuração de “Qualidade”. Reduza primeiro a “Largura de saída” (480 é o valor inicial), depois leve a “Qualidade” para 30 e depois use menos quadros. Para um GIF que você já tem, o Compressor de GIF deste site pode reduzi-lo.

Como se compara

Esta ferramenta cria um GIF animado somente a partir de imagens estáticas. Para um clipe, use Vídeo para GIF. Ela tem um controle de “Qualidade”, uma largura e um atraso de quadro, e nenhuma configuração de paleta, dithering ou otimização. Cada quadro é pintado sobre a cor de fundo, então a transparência não é mantida. Não consegue desenhar, cortar nem editar dentro de um quadro, e a legenda é uma linha de texto igual em todos os quadros. Um programa de animação de desktop oferece controle mais fino da paleta e do tamanho do arquivo. GIFs são grandes para o que mostram, então o Compressor de GIF pode ajudar depois. Em troca, não há nada para instalar, e as imagens são codificadas no seu navegador.

Ferramentas relacionadas

Perguntas frequentes