O jeito rápido
Solte duas ou mais imagens na ferramenta Criar GIF abaixo, ou escolha no seu dispositivo. Cada imagem vira um quadro, e a lista mostra os quadros na ordem em que vão tocar. Arraste uma linha para mover, use as setas ou aperte Ordenar por nome quando os arquivos estiverem numerados, como quadros exportados ou prints tirados um depois do outro.
Embaixo da lista, uma prévia começa a tocar na hora com o tempo, o tamanho e o fundo reais. Mude a duração do quadro, a repetição ou o tamanho e a prévia acompanha na mesma hora. Quando estiver do jeito certo, aperte Criar animação e baixe o arquivo. O GIF vem selecionado por padrão; o WebP animado e o MP4 estão a um clique de distância e usam os mesmos quadros e o mesmo tempo.
Experimente aqui: Imagens para GIF
Abrir a página completa da ferramentaComo escolher a velocidade
A velocidade é o tempo que cada quadro fica na tela. Você pode digitar em milissegundos ou mudar a unidade para quadros por segundo; 500 milissegundos e 2 quadros por segundo são a mesma coisa. O que parece natural depende do que as imagens mostram.
| Tipo de animação | Duração do quadro | Quadros por segundo |
|---|---|---|
| Apresentação de fotos, produto visto de vários ângulos | 700 a 1500 ms | 0,7 a 1,4 |
| Etapas de um tutorial ou uma série de prints | 1000 a 2500 ms | 0,4 a 1 |
| Stop motion feito com o celular | 80 a 125 ms | 8 a 12 |
| Animação desenhada à mão, quadro a quadro | 40 a 85 ms | 12 a 24 |
Durações diferentes, repetição e o último quadro
Muitos GIFs bons não usam a mesma velocidade para tudo. Uma tela de título ou o resultado final devem ficar mais tempo na tela que os quadros do meio. Ative Duração diferente por quadro e cada linha ganha o seu próprio campo Duração; os quadros que você não mexer continuam com a velocidade geral.
A opção Repetição define quantas vezes a animação toca. Repetir sempre é o que as pessoas esperam de um GIF. Tocar uma vez serve para uma animação que termina em um resultado e deve parar nele. Tocar 2, 3, 5 ou 10 vezes fica no meio do caminho. Dentro do arquivo, o GIF guarda o número de voltas extras e o WebP o total de reproduções; a ferramenta grava o valor certo para cada um, então Tocar 3 vezes realmente toca três vezes no navegador.
A menor duração que dá para definir é de 20 milissegundos, ou 50 quadros por segundo. Os navegadores tocam quadros de GIF mais curtos que isso a cerca de 100 milissegundos, então uma animação muito rápida ficaria lenta de repente. O GIF também arredonda cada duração para centésimos de segundo; WebP e MP4 mantêm os milissegundos.
Imagens de tamanhos diferentes
Fotos do celular, um print e uma imagem baixada da internet raramente têm o mesmo tamanho. Por padrão, o tamanho final segue a primeira imagem. Igual à maior imagem usa a maior delas, e Largura personalizada deixa você digitar uma largura; a altura então segue o formato da primeira imagem.
Imagens com outro formato podem ser tratadas de duas maneiras. Ajustar mostra cada imagem inteira, centralizada, e preenche as bordas vazias com a cor de fundo. Preencher cobre o quadro todo e recorta a imagem a partir do centro, o que fica mais limpo quando a parte importante está no meio. No GIF e no WebP você também pode marcar Transparente: as bordas e as partes transparentes dos arquivos PNG continuam vazadas. O MP4 não guarda transparência, então sempre usa a cor de fundo.
- Use Ajustar para prints, gráficos e qualquer coisa com texto perto das bordas.
- Use Preencher em apresentações de fotos quando todas as fotos devem cobrir o quadro.
- Escolha Largura personalizada quando a primeira imagem for uma foto grande de câmera; de 480 a 800 pixels é mais do que suficiente para conversas e páginas da web.
GIF, WebP ou MP4: nossas medições
Fizemos duas animações com a ferramenta no Microsoft Edge, no Windows, cada uma com seis quadros de 800 milissegundos: seis fotos recortadas de uma única foto de celular de 12 megapixels e seis prints de uma página em que uma linha nova aparece a cada vez. Cada conjunto foi salvo em duas larguras, nos três formatos, com as configurações padrão.
As fotos mostram o problema clássico do GIF: 256 cores por quadro e nenhuma compressão de movimento deixam o arquivo de duas a quatro vezes maior que os outros. Os prints se comportam de outro jeito. Só a linha nova muda, e tanto o GIF quanto o WebP guardam apenas essa área alterada, então acabam ficando menores que o MP4.
| Animação | Tamanho | GIF | WebP | MP4 |
|---|---|---|---|---|
| 6 fotos | 480 x 360 | 381 KB | 145 KB | 114 KB |
| 6 fotos | 800 x 600 | 1.017 KB | 346 KB | 258 KB |
| 6 prints | 480 x 300 | 6,4 KB | 6,3 KB | 10,8 KB |
| 6 prints | 800 x 500 | 11,5 KB | 11,3 KB | 19,7 KB |
Qual formato baixar
O GIF ainda abre em qualquer lugar: no e-mail, em fóruns antigos, em todo aplicativo de conversa e em todo visualizador de imagens, e se repete sozinho. Escolha GIF quando não souber onde a animação vai parar, ou quando ela for feita de prints, ícones ou desenhos.
O WebP animado é o GIF melhorado para a web. Ele mantém todas as cores e as bordas transparentes suaves e, com fotos, ficou com menos da metade do tamanho do GIF no nosso teste. Todos os navegadores atuais exibem esse formato. O Safari exibe WebP animado, mas não consegue criar, então no iPhone ou no Mac escolha a saída em GIF ou MP4.
O MP4 é o menor para fotos e a escolha certa para redes sociais, que transformam GIFs em vídeo de qualquer forma. Vídeo não tem transparência e quem decide sobre a repetição é o player, então quando você escolhe Tocar 3 vezes os quadros são gravados três vezes dentro do vídeo.
Problemas comuns
A maioria das surpresas com GIFs caseiros vem do tamanho e das cores, não da ferramenta.
- O GIF ficou enorme: diminua a largura, use menos quadros ou mude para WebP ou MP4. É por isso que a saída em GIF é limitada a 1920 pixels no lado maior.
- As fotos ficam granuladas ou com faixas de cor: o GIF divide 256 cores entre todos os quadros. WebP e MP4 mantêm todas as cores.
- Um GIF adicionado não se mexe: um GIF animado conta como um único quadro e só a primeira imagem dele é usada. Para converter um GIF que já existe, use a ferramenta GIF para vídeo.
- A animação toca devagar demais no navegador: confira se nenhum quadro tem menos de 20 milissegundos.
- A ordem ficou errada depois de adicionar os arquivos: aperte Ordenar por nome ou arraste as linhas.