Fotos viram uma animação
Solte de 2 a 50 arquivos JPG e eles saem como um único GIF animado, na ordem que você definir.
Junte vários JPG em uma única animação em loop
ou solte as imagens em qualquer lugar aqui, ou cole comCtrl V
Ferramentas de imagem · roda no navegador
Solte de 2 a 50 quadros, coloque na ordem certa, escolha quanto tempo cada um fica na tela e receba de volta um único GIF animado. O GIF é montado no seu navegador — nada é enviado para lugar nenhum.
Transforme um punhado de fotos ou prints em uma animação em loop, em segundos.
Solte de 2 a 50 arquivos JPG e eles saem como um único GIF animado, na ordem que você definir.
Escolha quanto tempo cada quadro fica na tela, a partir de 0,05 s. Perto de 0,2 s já parece movimento, e não uma passagem de slides.
Repetir sempre para uma reação ou uma demonstração de produto, ou tocar uma vez e parar no último quadro.
Ordenar por nome coloca quadro2 antes de quadro10, Inverter vira a sequência de trás para frente, e dá para arrastar os cartões na mão.
A animação roda na própria tela com o seu tempo, então você julga a velocidade antes de qualquer coisa ser codificada.
Escolha o maior lado: 320, 480, 640 ou 800 px. Um GIF menor carrega mais rápido e cabe nos limites de tamanho do chat e do e-mail.
| Seus quadros são | Como GIF | O que fazer |
|---|---|---|
| Gravação de tela, interface, desenho de traço | Limpo — cor chapada é o que o GIF guarda bem | Pode ir; experimente 640 px |
| Uma sequência curta de fotos | Faixas de cor e granulado visíveis | Aceitável em 320–480 px, pior quanto maior |
| Um degradê ou um céu | Em faixas, sem jeito | 256 cores não seguram um degradê |
| Mais de uns 20 quadros a 640 px | Vários megabytes | Diminua o tamanho antes de tirar quadros |
Granulado nas fotos, velocidade em passos pequenos, um teto de 50 quadros: cada um vem do próprio formato, não de um ajuste desta página.
Um GIF pode usar no máximo 256 cores em cada quadro, então uma foto precisa imitar os tons que faltam com um padrão fino de pontinhos. É esse o granulado que você vê no céu e na pele, e nenhum ajuste tira isso.
“To simulate more than 255 or 256 colors, dithering is generally used.”O formato conta quanto tempo cada quadro fica na tela em centésimos de segundo. Segundos por quadro anda de 0,05 s em 0,05 s, então o que você escolher é guardado exatamente.
“If not 0, this field specifies the number of hundredths (1/100) of a second to wait before continuing with the processing of the Data Stream.”Animação longa é onde o GIF fica para trás. A equipe de web do Google mediu o mesmo clipe com 3,7 MB como GIF e 551 KB como MP4. É por isso que esta ferramenta para em 50 quadros e manda os clipes mais longos para o vídeo.
“In this example, the initial GIF is 3.7 MB, compared to the MP4 version, which is 551 KB, and the WebM version, which is only 341 KB!”Seis situações no Brasil em que uma animação só passa se respeitar um limite de duração, de peso ou de formato, e como montar uma que passe. Cada regra leva à página oficial de onde ela saiu.
O mídia kit do Portal Afya manda, para criativos em GIF, duração máxima de 15 segundos e velocidade de no máximo 5 FPS, com a mudança dos quadros entre 200 e 500 milissegundos, e 150 KB de Initial Load. Uma sequência montada no olho passa fácil dos cinco quadros por segundo.
Como resolver com Vormly
Segundos por quadro cobre exatamente essa faixa: 0,20 s é 5 FPS cravado, e 0,50 s é o outro extremo dos 500 ms. O painel soma sozinho enquanto você mexe — 12 quadros × 0,20 s = 2,40 s por loop —, então os 15 segundos dá para conferir antes de exportar. O mini banner é 320 × 100, que é o tamanho 320 px.
O mídia kit da ConJur aceita banners em JPG, GIF, HTML5 ou TAG, com peso máximo de até 40kb (jpg/gif), nos formatos 320x50px, 320x100px e 300x250px. Quarenta quilobytes é menos do que uma única foto de celular — e um GIF multiplica peso por quadro.
Como resolver com Vormly
Escolha 320 px, que é o maior lado desses dois formatos de celular, e fique com poucos quadros de cor chapada: texto e fundo liso são exatamente o que o GIF guarda bem. O botão de baixar mostra o peso do arquivo antes de a peça ser enviada.
O eMAG, o modelo de acessibilidade dos sites do governo, diz na Recomendação 2.7 que animações não devem ser disparadas automaticamente sem o controle do usuário e que o usuário deve ser capaz de parar e reiniciar conteúdos que se movem, sem exceção. Um GIF em loop infinito não tem botão de parar.
Como resolver com Vormly
Em Reprodução, escolha Tocar uma vez: a animação para no último quadro em vez de repetir sozinha para sempre. E como a Recomendação 2.6 proíbe efeitos piscantes, deixe Segundos por quadro longe do mínimo de 0,05 s quando os quadros têm muito contraste entre si.
A VTEX registrou o caso em que um GIF animado chega ao cliente sem animação, com só o primeiro quadro aparecendo, e a recomendação que ficou na página é que o primeiro quadro do GIF seja uma imagem completa, servindo de fallback — um GIF em loop pode até começar por um quadro do meio da animação. Quem exporta na ordem em que o computador entregou os arquivos não sabe qual imagem está na frente.
Como resolver com Vormly
Ordenar por nome coloca quadro2 antes de quadro10, Inverter vira a sequência inteira e arrastar um cartão para a primeira posição decide qual imagem fica parada se a animação não rodar. A prévia toca com o seu tempo antes de qualquer coisa ser codificada.
A Nuvemshop diz que você também consegue adicionar GIFs nas descrições dos produtos, e avisa na mesma página que as imagens que vão na descrição não possuem um tamanho ideal, com isso o ajuste de tamanho deverá ser feito manualmente ou via código. Um GIF exportado no tamanho da foto original entra pesado e torto.
Como resolver com Vormly
O maior lado já sai pronto em 320, 480, 640 ou 800 px, sem mexer em código. Para mostrar o produto de vários ângulos, 640 px com 12 quadros a 0,20 s dá 2,40 s por loop, e o botão de baixar mostra o peso antes de a imagem subir para a loja.
A documentação do Mercado Livre lista, nas recomendações para subir imagens, o formato JPG, JPEG e PNG, com arquivos de até 10 MB e 1200 x 1200 px. GIF não está na lista, então a animação que você montou para mostrar o produto girando simplesmente não entra na galeria do anúncio.
Como resolver com Vormly
Na galeria vão as fotos em JPG, como a regra pede. O GIF fica para onde animação é aceita — a descrição de uma loja própria, um post, um e-mail —, e sai daqui em 480 ou 640 px, na ordem que você definiu em Ordenar por nome.
De 2 a 50 quadros. Passando disso o GIF cresce muito rápido, e um vídeo curto vira o formato melhor. A velocidade vai de 0,05 s a 2 s por quadro, e 0,2 segundo em cada um (5 por segundo) já parece movimento na maioria das sequências. O painel soma a conta enquanto você mexe — 12 quadros × 0,20 s = 2,40 s por loop —, então dá para ver a duração antes de exportar.
Porque o GIF guarda 256 cores por quadro. É o formato, não o ajuste que você escolheu: foto ganha granulado e céu fica em faixas, sempre. Gráfico de cor chapada, gravação de tela e desenho de traço atravessam bem. Se o conteúdo é fotográfico, um vídeo curto é a resposta melhor.
Na ordem que está na tela, da esquerda para a direita. O seletor de arquivos não garante a ordem dos nomes, por isso existe o botão Ordenar por nome, que coloca quadro2 antes de quadro10 em vez de depois dele. Inverter vira a sequência, e arrastar os cartões resolve o resto.
De vídeo não: aqui entram fotos paradas em JPG. Exporte antes os quadros que você quer e traga só eles. PNG e WebP também não entram — o próprio seletor avisa e oferece o caminho para converter para JPG primeiro.
Com Vormly, nada é enviado: o GIF é montado e salvo pelo seu próprio navegador, sem cadastro e sem marca d'água. Por isso também funciona no navegador do celular, Android ou iPhone, sem instalar aplicativo.