ArrayKit

Criador de GIF online

Transforme um conjunto de imagens em um GIF animado, com a ordem, o tempo, o tamanho, as cores e a repetição que você escolher — criado no seu navegador, então suas imagens nunca saem do seu dispositivo.

Criador de GIF online

Transforme um conjunto de imagens em um GIF animado, com a ordem, o tempo, o tamanho, as cores e a repetição que você escolher — criado no seu navegador, então suas imagens nunca saem do seu dispositivo.

As imagens são decodificadas, organizadas e comprimidas nesta aba, e o GIF pronto é um arquivo criado no seu dispositivo. Nada é enviado.

Abra a ferramenta Vídeo para GIF

Sobre Criador de GIF

O criador de GIF reúne imagens em uma animação que você pode enviar em um chat, colocar em um README ou anexar a um e-mail. Adicione imagens arrastando, escolhendo várias de uma vez ou colando e depois coloque-as na ordem certa na faixa de quadros. Cada quadro pode manter o atraso compartilhado ou ter o seu próprio, e a largura de saída segue o formato da primeira imagem, enquanto as outras são encaixadas dentro dela sem esticar. Escolha quantas vezes ele toca, quantas cores pode usar, se usa dithering (pontilhado) e se a animação toca de trás para a frente ou de ida e volta. Uma prévia ao vivo roda com o tempo real de cada quadro antes de qualquer codificação. O GIF em si é montado a partir de uma única paleta de cores compartilhada, comprimido quadro a quadro e oferecido para download com o tamanho, o número de quadros e a duração.

Recursos

  • Adicione imagens arrastando, escolhendo várias de uma vez ou colando, e reordene, duplique ou remova quadros
  • Um atraso compartilhado em milissegundos ou em quadros por segundo, mais um ajuste individual por quadro
  • Largura de saída de até 1000 px, com a proporção tirada do primeiro quadro
  • Loop forever ou um número definido de repetições, com Reverse order e Ping-pong
  • 256, 128, 64 ou 32 cores, com dithering opcional para esconder as faixas de cor
  • Cor de fundo ou um GIF transparente para imagens com áreas transparentes
  • Uma prévia ao vivo que toca com os atrasos reais antes de você criar o arquivo
  • Um GIF animado solto na página é aberto quadro a quadro, para você ajustar o tempo ou invertê-lo

Como usar Criador de GIF

  1. Solte ou cole suas imagens e coloque os quadros na ordem desejada com os botões de seta
  2. Defina o atraso ou os quadros por segundo, a largura de saída, a repetição e o número de cores
  3. Veja a prévia, ajuste o atraso de qualquer quadro individual e pressione Create GIF
  4. Confira o tamanho e o número de quadros e baixe o .gif pronto

Exemplo

Entrada

6 pictures · 480 px wide · 100 ms a frame · loop forever · 256 colours with dithering

Saída

6 frames · 480×320 · 100 ms · loop forever → 842 KB

Um GIF típico de slideshow: seis fotografias, um décimo de segundo cada uma, repetindo para sempre.

Erros comuns e solução de problemas

  • O GIF ficou muito maior que o esperado. — O tamanho cresce com a largura, a altura e o número de quadros. Escolha uma saída mais estreita, passe para 128 ou 64 cores, desligue o dithering ou use menos quadros. Fotografias são o pior caso; artes de cores chapadas comprimem bem melhor.
  • As cores aparecem em faixas ou com pontinhos. — Um GIF guarda no máximo 256 cores. Ligue o dithering para gradientes mais suaves, ao custo de um arquivo maior, ou desligue-o para áreas chapadas limpas e um arquivo menor.
  • A animação roda mais devagar que o atraso que defini. — O GIF guarda o tempo em centésimos de segundo, e os navegadores tocam a 100 ms qualquer quadro mais curto que 20 ms. Use 20 ms ou mais, o que dá no máximo cerca de 50 quadros por segundo.
  • Alguns quadros têm barras vazias ao redor. — Imagens com formato diferente do primeiro quadro são encaixadas dentro dele sem esticar, então a área que sobra mostra a cor de fundo. Coloque primeiro a imagem com o formato que você quer ou corte as outras para combinar.

Perguntas frequentes

Quantas cores um GIF pode usar e o que isso significa para fotos?
A paleta de um GIF guarda no máximo 256 cores, compartilhadas por todos os quadros aqui. Uma fotografia tem milhares de tons, então céus e tons de pele suaves podem mostrar faixas de cor ou um pontilhado granulado. Logos, capturas de tela e desenhos de cores chapadas ficam quase iguais.
Como diminuir um GIF feito no criador de GIF?
A maior economia vem de uma largura menor, depois de menos quadros e depois de menos cores. Desligar o dithering também ajuda, porque os pontos do pontilhado comprimem mal. A ferramenta mostra o tamanho final e avisa quando o resultado passar de cerca de 10 MB.
Qual é a diferença entre atraso do quadro e FPS no criador de GIF?
Os dois descrevem a mesma coisa de duas maneiras. Um atraso de 100 ms equivale a 10 quadros por segundo, e 40 ms equivalem a 25. Use o que achar mais fácil; o outro aparece ao lado. Um quadro individual pode substituir o atraso compartilhado quando precisa ficar mais tempo na tela.
Como funcionam as configurações de repetição do GIF e como faço para tocar só uma vez?
Loop forever repete até a página ser fechada. Play N times para depois desse número de reproduções, e o valor 1 grava um GIF sem instrução de repetição, que toca uma vez e para no último quadro. Reverse order e Ping-pong mudam a sequência em que os quadros tocam.
O criador de GIF consegue fazer um GIF transparente?
Sim. Ligue Transparent e todo pixel que for majoritariamente transparente na imagem continua transparente no GIF. No GIF, a transparência é tudo ou nada por pixel, então bordas suaves viram bordas duras, e uma posição da paleta é reservada para isso.
Devo fazer um GIF ou um vídeo com as minhas imagens?
O GIF toca em qualquer lugar sem player, mas é grande e limitado a 256 cores. Para um clipe com muito movimento ou de longa duração, um vídeo é bem menor. Se você já tem um vídeo, a ferramenta Vídeo para GIF extrai um trecho dele.

Ferramentas relacionadas

  • Vídeo para GIF — Transforme um trecho de vídeo em um GIF animado otimizado, no seu navegador; nada é enviado.
  • GIF para vídeo — Converta um GIF animado em MP4 ou WebM para um tamanho menor e fácil de compartilhar, no seu navegador.
  • Redimensionar imagem — Redimensione fotos por pixels, porcentagem, predefinição ou lado maior — em lote, com download em ZIP.
  • Juntar imagens — Combina imagens lado a lado, empilhadas ou em grade.
  • Conversor de formato de imagem — Converta imagens entre PNG, JPEG e WebP inteiramente no seu navegador.
  • Otimizador de imagens — Recodifique e reduza imagens (JPEG/WebP/PNG), com redimensionamento opcional.
  • Animação CSS de Sprite Sheet — Transforme um sprite sheet em uma animação CSS com steps() pronta para copiar, com prévia ao vivo.

Mais ferramentas de Imagens

Ver todas as ferramentas de Imagens (35) · Todas as ferramentas