Criar GIFs a partir de Imagens

Combine várias imagens em sequência e produza umGIF animado. Resolva tanto a tarefa de “demonstração elegante” quanto “meme rápido” com uma única ferramenta, ajustando a ordem dos quadros, velocidade, loop e configurações de tamanho.

Görsellerden GIF Oluştur

Birden fazla görseli animasyonlu GIF dosyasına dönüştürün. Sosyal medya paylaşımları, banner’lar ve eğlenceli animasyonlar için ideal.

Görselleri sürükleyin veya tıklayın JPG, PNG, WEBP • En az 2 görsel seçin • Sıralama önemli

0 kare

Ekle Temizle

Kare sırasını değiştirmek için görselleri sürükleyin

Hızlı Ayarlar

Ürün Demo Orta hız, 1080px, optimize Before / After Yavaş, 2 kare tekrar Meme / Hızlı Yüksek FPS, düşük çözünürlük

Hız Ayarı

Yavaş 2 sn/kare Normal 0.5 sn/kare Hızlı 0.2 sn/kare Çok Hızlı 0.1 sn/kare

Özel Hız (ms)

500ms

Her kare arasındaki bekleme süresi

GIF Boyutu

320px 480px 640px 800px 1080px Orijinal

Genişlik (en-boy oranı korunur)

Döngü

Sonsuz 1 Kez 3 Kez 5 Kez

Kalite

Orta

Yüksek kalite = daha büyük dosya boyutu

Önizleme

Kare: 1 / 0

GIF Oluştur

GIF oluşturuluyor…

GIF İndir Yeni GIF

O que faz?

• Recebe imagens JPG/PNG/WebP comoquadros (frame).
• Combina os quadros e produz umGIF único.
• Fornece os seguintes controles:
  • Ordem dos quadros (frame order)
  • Velocidade (FPS / atraso do quadro)
  • Loop
  • Redimensionamento (resize)
  • Corte (crop)
  • Reverter / Boomerang
  • Otimizar (redução do tamanho do arquivo)
• Saída:
  • animation.gif
  • (Opcional) animation.mp4 (se o GIF for muito grande, uma alternativa)

Como usar? (fluxo exato na tela)

1. Carregar imagens (seleção múltipla / arrastar e soltar)
2. Ordenar os quadros (drag & drop)
3. Selecionar modo (Normal / Reverter / Boomerang)
4. Ajustar velocidade (FPS ou atraso em ms)
5. Ajustar loop (infinito / X vezes / 1 vez)
6. Tamanho & otimizar (opcional)
7. Criar GIF → Baixar

Ajuste de velocidade (explicação que elimina confusões)

Você controla a velocidade do GIF de duas maneiras:

• FPS (Frames Por Segundo): número de quadros por segundo.
  • FPS ↑ → sensação mais suave e geralmente mais rápida
  • Tamanho do arquivo ↑ (na maioria dos cenários)
• Atraso do Quadro (ms): tempo que cada quadro permanece na tela.
  • Atraso ↑ → animação mais lenta

Exemplo curto:

• 10 quadros, atraso 200ms → total ~2 segundos
• 10 quadros, atraso 100ms → total ~1 segundo

Opções de Loop

• Loop infinito (padrão): ideal para redes sociais
• Reproduzir 1 vez: para apresentação/documentação
• Repetir X vezes: ex. reproduzir 3 vezes, parar

Gerenciamento de Ordem e Quadros

O Usuário aqui deseja controle real:

• Alterar a ordem dos quadros com arrastar e soltar
• Excluir / adicionar quadros
• Duplicar quadro (efeito de pausa)
  • Ex. “O logotipo do produto deve parar por 1 segundo” → duplicar o último quadro 5 vezes
• (Opcional) “Classificar por nome do arquivo” e “Classificar por ordem de upload”

Reverter e Boomerang (explicação completa)

Reverter

• Inverte os quadros: 1-2-3-4 → 4-3-2-1
• Uso: efeito de “rebobinar”, transformação reversa

Boomerang

• Reproduz para frente + para trás: 1-2-3-4-3-2
• Uso: redes sociais, ciclos curtos, sensação de “movimento”
• Nota: Evite reproduzir o último quadro duas vezes (causa sensação de travamento)

Redimensionamento e Corte (o lugar que realmente controla o tamanho do GIF)

No GIF, o que mais aumenta o tamanho do arquivo éa resolução. Portanto:

• Redimensionar (recomendado):
  • Lado longo: 1080px / 720px / 480px
  • “Manter proporção” deve estar sempre ativado
• Cortar (opcional):
  • Predefinições de quadro/16:9/9:16
  • Particularmente, 9:16 é uma boa predefinição para stories/reels

Otimizar (redução do tamanho do arquivo) opções

GIFs podem aumentar rapidamente; a seção de otimização deve ser clara:

1) Redução do número de cores

GIFs têm um limite de 256 cores. Ferramenta:

• Oferece opções de 256 / 128 / 64 cores
• À medida que o número de cores diminui, o tamanho diminui, mas o banding pode aumentar

2) Controle de Dithering (opcional)

• Desligado: mais nítido, mas o banding pode ser visível
• Ligado: transições mais suaves, mas às vezes o tamanho aumenta

3) Redução do número de quadros (frame skip)

• Como “pegar 1 de cada 2 quadros”
• Funciona melhor em trabalhos que têm um sabor mais de vídeo

4) Predefinição “Otimizado para Web”

Com um único clique:

• 720px
• 128 cores
• Velocidade normal
• Loop infinito. Esta predefinição salva a maioria dos usuários.

Formato de saída: GIF + (opcional) MP4

A dura realidade: Em alguns cenários, o GIF pode ficar desnecessariamente grande.

Portanto, na seção “Baixar”, coloque duas opções:

• Baixar GIF (clássico)
• Baixar MP4 (menor) Para que o usuário não pergunte “Por que o GIF ficou 25MB?”.

Predefinições prontas (como você deseja detalhadamente)

Apresente as 3 predefinições abaixo na UI com um único clique:

1) Demonstração do Produto

• Objetivo: fazer um conjunto de imagens do produto em uma demonstração fluida
• Velocidade: Normal (ex. 6–8 FPS / 125–160ms de atraso)
• Tamanho: 1080px lado longo
• Loop: Infinito
• Otimizar: Equilibrado (128–256 cores, dithering médio)
• Uso: ângulos do produto, etapas de características, mini catálogo

2) Antes / Depois

• Objetivo: mostrar a mudança claramente, sem apressar
• Número de quadros: 2 quadros (Antes, Depois)
• Velocidade: Lenta (ex. 500–800ms de atraso)
• Pausa: duplicar cada quadro 2–3 vezes (para capturar o olhar)
• Loop: Infinito ou 3 vezes
• Tamanho: 1080px (720px se necessário)
• Uso: retoque, revisão de design, limpeza/correção de cor

3) Meme / Rápido

• Objetivo: ciclo rápido, arquivo pequeno
• Velocidade: Rápido (10–15 FPS / 60–100ms de atraso)
• Tamanho: 480–720px
• Loop: Infinito
• Otimizar: Agressivo (64–128 cores, frame skip opcional)
• Uso: reações, conteúdos de loop curto

Perguntas Frequentes

Meu GIF ficou muito grande, o que eu faço?

Primeiro, reduza o tamanho (720px), depois reduza o número de cores para 128. Se ainda estiver grande, baixe como MP4.

Como escolho a velocidade correta?

Produto/antes-depois → mais lento. Meme → mais rápido. A predefinição “normal” é suficiente para a maioria dos trabalhos.

Por que a ordem dos quadros é importante?

A ordem determina a história do GIF. Portanto, arrastar e soltar é essencial.