Duração de um ciclo
T = n × d
Com 8 imagens de 250 ms, um ciclo dura 2000 ms.
Criar uma GIF a partir de imagens
Importe até 24 imagens, defina a duração, a largura e a repetição e crie uma GIF animada no navegador.
- Processamento em lote
- Exportar
Os seus ficheiros são processados localmente no navegador e nunca são enviados para os nossos servidores.
Cada imagem torna-se um fotograma da animação. Pode adicionar imagens em várias vezes; a duração indica quanto tempo cada imagem permanece visível.
Largue o seu ficheiro aqui
Tamanho recomendado: até 25 MB
Precisas de mais opções?
Utiliza várias ferramentas de edição num único espaço, com o ficheiro aberto e as alterações em curso.
Abrir o editor completoEsta ferramenta foi útil?
Como funciona esta ferramenta?
Uma GIF animada encadeia várias imagens num único ficheiro que funciona em todo o lado: mensagens, fóruns, e-mails, documentação. Este criador junta de 2 a 24 imagens PNG, JPEG ou WebP numa animação, com duração por imagem, largura máxima e repetição ajustáveis, sem enviar as suas imagens para a internet.
Adicione as imagens de uma vez ou em várias levas: tornam-se as imagens sucessivas da animação, pela ordem em que foram adicionadas. Uma imagem já presente não é adicionada duas vezes. Para mudar a ordem, reponha e volte a adicioná-las pela ordem pretendida.
Duração por imagem define quanto tempo cada imagem fica visível, de 40 a 10 000 ms (500 ms por omissão). Largura máxima, de 64 a 1920 px, limita o tamanho: a GIF fica com a menor entre esta definição e a imagem mais estreita, sem nunca ampliar. As imagens são centradas numa área tão alta como a maior, e as faixas vazias ficam transparentes. Repetir a animação reprodu-la sem fim; desativada, é reproduzida uma só vez.
A codificação usa o FFmpeg compilado em WebAssembly: é calculada uma paleta de 256 cores com todas as imagens e aplicada com um pontilhado que suaviza os degradês. Na primeira utilização, o módulo FFmpeg, com cerca de 30 MB, é transferido de uma CDN e fica em cache; as suas imagens não saem do navegador.
Como usar esta ferramenta
Adicione as imagens por ordem
Selecione de 2 a 24 imagens; a ordem em que as adiciona será a da animação.
Ajuste a animação
Escolha a duração por imagem, a largura máxima e a repetição.
Crie e descarregue a GIF
Clique em Criar GIF, verifique a pré-visualização animada e descarregue animation.gif.
Duração e cadência da animação
Todas as imagens têm a mesma duração, por isso a duração de um ciclo e a cadência resultam diretamente.
Cadência
f = 1000 ÷ d
Imagens mostradas por segundo; o formato GIF regista a duração em centésimas de segundo.
- n
- número de imagens da animação
- d
- duração por imagem, em milissegundos
- f
- imagens por segundo
Casos de uso
Mostrar um procedimento
Transforme uma série de capturas de ecrã numa demonstração animada para um tutorial ou um pedido de suporte.
Animar um produto
Faça rodar fotografias de um objeto de vários ângulos para uma página de produto ou uma newsletter.
Criar uma GIF de reação
Encadeie algumas fotografias tiradas em rajada para uma mensagem ou uma story.
Exemplos
8 fotografias de produto em 4:3
Largura: mín(960; 1600) = 960 px, altura 1200 × 960 ÷ 1600 = 720 px. Duração: 8 × 0,25 s = 2 s; cadência 1000 ÷ 250 = 4 imagens por segundo.
Entrada
8 imagens de 1600 × 1200 px, duração por imagem 250 ms, largura máxima 960 px, repetição ativadaResultado
GIF de 960 × 720 px, 4 imagens por segundo, 2 segundos por ciclo, repetida sem fimMistura de fotografias horizontais e verticais
A fotografia vertical, reduzida a 960 × 1280 px, define a altura da GIF. Recorte todas as imagens no mesmo formato antes de as juntar para evitar estas faixas.
Entrada
5 imagens de 1600 × 1200 px e 1 imagem de 1200 × 1600 px, largura máxima 960 pxResultado
GIF de 960 × 1280 px; as fotografias horizontais ocupam 960 × 720 px com faixas transparentes de 280 px em cima e em baixoDicas e boas práticas
- Prepare imagens com o mesmo formato e tamanho: o resultado fica mais regular e o ficheiro mais leve.
- Uma GIF tem apenas 256 cores: adequa-se melhor a capturas de ecrã e ilustrações do que a fotografias com muitas nuances.
- Reduza a largura máxima para aligeirar o ficheiro: passar de 960 para 480 px divide o número de píxeis por cerca de quatro.
- Dê aos ficheiros os nomes 01, 02, 03… e selecione-os em conjunto: a maioria dos seletores adiciona-os assim por ordem.
Fontes e referências
- CompuServe Incorporated, Graphics Interchange Format, Version 89a (abre num novo separador), 1990Página em inglês
Perguntas frequentes
Quantas imagens posso usar?
De 2 a 24 imagens PNG, JPEG ou WebP, até 25 MB cada uma. Pode adicioná-las em várias levas.
Posso dar uma duração diferente a cada imagem?
Não. A duração por imagem aplica-se a todas; para manter uma imagem mais tempo, adicione uma cópia com outro nome.
Porque é que a GIF é mais pequena do que as minhas imagens?
A largura é limitada pela largura máxima escolhida e pela imagem mais estreita. As imagens nunca são ampliadas.
A transparência é mantida?
Sim, mas de forma binária: o formato GIF não tem transparência parcial, cada píxel é visível ou transparente, o que pode deixar um contorno nas margens suavizadas.
Porque é que a primeira GIF demora mais?
O módulo FFmpeg é transferido na primeira utilização (é preciso ligação nesse momento). Depois, o navegador guarda-o em cache.
As minhas imagens são enviadas para um servidor?
Não. Só o motor FFmpeg é transferido; as imagens são descodificadas e codificadas em GIF no seu navegador.
Ferramentas relacionadas
Continue com estas ferramentas
Ferramentas semelhantes ou complementares a esta.
Ferramentas semelhantes
Redimensione uma imagem definindo precisamente a largura e a altura antes de descarregar.
Imagens e gráficosEm destaqueUtilizar esta ferramenta
Desenhe uma moldura na imagem, fixe uma proporção (1:1, 4:5, 16:9…) e transfira a parte recortada.
Imagens e gráficosEm destaqueUtilizar esta ferramenta
Combine várias imagens numa grelha com espaçamento e fundo configuráveis.
Imagens e gráficosUtilizar esta ferramenta
Leia também
GuiaBoas práticasIniciante
Como criar uma paleta de cores a partir de uma imagem?
Extraia as cores dominantes de uma imagem, atribua-lhes funções e construa uma paleta coerente sem confundir frequência com importância visual.
31 de agosto de 20264 min