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
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.
- 1Você coloca várias imagensCada 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.
- 2Cada quadro é desenhado em uma tela na largura escolhidaA 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.
- 3Um Web Worker codifica o GIF em segundo planogif.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.
- 4O GIF acabado é oferecido para downloadQuando 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
Criador de Slideshow de Fotos
Transforme fotos num slideshow MP4 com música, transições cruzadas e um zoom lento. 16:9, 9:16 ou quadrado, até 1080p. Feito no seu navegador; as suas fotos não são enviadas.
Mesclador de Imagens — Combine Imagens em Uma
Junte fotos ou capturas de tela em uma só imagem: de cima para baixo, lado a lado ou em grade, sem cortar nada. Iguale as larguras, adicione espaçamento, borda e fundo, e salve como JPG, PNG ou WebP. Funciona no seu navegador; nada é enviado.
PDF para Imagem (JPG, PNG, WebP)
Converta cada página de um PDF em imagens JPG, PNG ou WebP na resolução escolhida. Baixe as páginas individualmente ou todas de uma vez em um ZIP. Os arquivos nunca saem do seu navegador.