Formato de logo animado: MP4, GIF, WebM ou Lottie?

O melhor formato de logo animado é o que o lugar de destino toca sem ajuda: MP4 para vídeo, WebM com MP4 de reserva para site, GIF para assinatura de e-mail, e GIF ou WebP animado para apps de mensagem e formulários que só aceitam imagem. Lottie e SVG animado só fazem sentido quando o logo precisa continuar vetorial dentro de um app ou site.

Os formatos se dividem em três famílias. Vídeo (MP4, WebM, MOV) precisa de player. Imagem animada (GIF, WebP animado, APNG) toca onde qualquer imagem aparece. Vetor (Lottie, SVG animado) guarda formas em vez de pixels e fica nítido em qualquer tamanho.

Para testar na prática, exportamos 21 animações de logo de quatro segundos nos cinco formatos de download do MorphLogo e pesamos cada arquivo. Resultado: o GIF saiu maior que o MP4 de origem nos 21 casos.

Tem o logo, mas ainda não tem a animação? Anime seu logo com IA e baixe em MP4, WebM, WebP, GIF ou GIF para e-mail →

Envie um PNG, JPG, WebP ou SVG e a animação fica pronta em poucos minutos. Gerar e assistir à prévia com marca d'água é grátis; qualquer download exige um pacote de créditos ou plano.

Qual o melhor formato para logo animado?

Escolha pelo lugar onde o logo vai aparecer: vídeo precisa de player, apps de e-mail animam GIF mas não vídeo, e alguns formulários só aceitam imagem. Quase todo mundo termina com um MP4 para vídeo, um GIF para o e-mail e um WebM se o logo for para um site.

Onde o logo vai	Use	Por quê
Topo ou cabeçalho do site	WebM, com MP4 de reserva	Menor que o MP4, o WebP e o GIF nos 21 testes
Assinatura de e-mail	GIF no tamanho de e-mail	Gmail e Outlook 2007–2019 para Windows não tocam vídeo no e-mail (em inglês)
WhatsApp, fóruns, uploads que só aceitam imagem	GIF, ou WebP animado onde for aceito	Toca sozinho e em loop, sem player
YouTube, Reels, anúncios, editores de vídeo	MP4	É a geração original, com som se você ativou
Apresentações	MP4; GIF no Google Apresentações	MP4 H.264 é o recomendado no PowerPoint e toca no Keynote; o Google Apresentações aceita GIF como imagem
Interface de app, loaders, efeitos de hover	Lottie ou SVG animado	Continua vetorial e controlável por código
Logo da página do LinkedIn	PNG ou JPEG estático	O LinkedIn só aceita PNG ou JPEG nas imagens da página

Qual formato vai para o editor de vídeo?

O MP4, que é a própria geração, sem nova compressão. H.264 está na lista de formatos do Final Cut Pro; WebM não está. Para uma intro com logo em 16:9, gere já em 16:9 (o MorphLogo também faz 4:3, 1:1, 3:4 e 9:16) em vez de cortar um quadrado.

GIF ou MP4: qual usar no logo?

Use MP4 onde vídeo toca e GIF só onde vídeo não toca. Nos nossos testes, o GIF ficou maior que o MP4 em 21 de 21 clipes, mesmo com um quarto dos pixels e 15 quadros por segundo em vez de 24.

O MP4 é a geração original; os outros quatro são convertidos dele na hora do download, trocando pixels, quadros ou cores por um arquivo menor ou mais compatível.

Formato	Imagem e quadros por segundo	Cores	Loop
MP4 (H.264)	Tamanho da geração (aqui 960 px), 24 fps	Cor total	Se o player repetir
WebM (VP9)	Lado menor até 1.080 px (aqui 960 px), 24 fps	Cor total	Se o player repetir
WebP animado	Lado menor até 720 px, 24 fps	Cor total	Infinito
GIF	Lado maior com 480 px, 15 fps	Até 256 por quadro	Infinito
GIF para e-mail	Lado maior com 240 px, 10 fps	64	Toca uma vez

Só o MP4 e o WebM levam som, e só se você ativou.

Como medimos. Em 2026-09-19 convertemos 21 animações de 4 segundos em 1:1 (960 × 960 px, 24 fps, os mesmos da nossa página de exemplos de animação de logo), com o mesmo serviço que gera os downloads dos usuários. 1 KB = 1.000 bytes.

Formato	Peso mediano	Faixa nos 21 clipes	Peso em relação ao MP4 (mediana)
MP4	2,00 MB	1,36–2,94 MB	1×
WebM	496 KB	55 KB–1,60 MB	0,25×
WebP animado	984 KB	416 KB–1,77 MB	0,44×
GIF	3,65 MB	2,5–6,4 MB	1,86×
GIF para e-mail	509 KB	343–862 KB	0,26×

MP4, WebM e WebP quase não se diferenciam; o GIF espalha pontinhos pelo degradê, e o GIF para e-mail vira blocos quando ampliado, mas não no tamanho de assinatura.

Por que o GIF pesa mais que o vídeo de origem?

O GIF só economiza nos pixels que ficam idênticos de um quadro para o outro. Animações geradas têm uma granulação fina no fundo, então quase todo pixel é regravado a cada quadro. Além disso, a especificação GIF89a limita cada quadro a 256 cores, e o degradê vira pontilhado, que comprime mal. Já os codecs de vídeo guardam só o que mudou, em cor total.

O guia web.dev do Google mostra um GIF de 3,7 MB contra um MP4 de 551 KB no mesmo tamanho; no nosso teste, mesmo com o MP4 duas vezes mais largo, o GIF saiu de 1,2 a 2,6 vezes maior.

O GIF continua imbatível no e-mail e em qualquer lugar que aceita imagem, mas não vídeo. Para isso, o gerador de GIF cria os dois tamanhos de GIF a partir de uma única geração.

Qual a diferença entre MP4 e WebM?

MP4 e WebM são formatos de vídeo; a diferença está no codec. O MP4 usa H.264 e abre em praticamente tudo. O WebM usa VP9, é aberto e feito para a web, e pesou um quarto do MP4 na mediana dos nossos testes. Em compensação, o Final Cut e muitos apps de celular não abrem WebM, por isso no site o WebM vem primeiro e o MP4 fica de reserva. Para abrir um WebM no computador, arraste o arquivo para o Chrome, o Edge ou o Firefox, ou use o VLC.

Onde entra o WebP animado?

O WebP animado fica no meio do caminho: cor total e loop infinito sem player, com um pouco menos da metade do peso do MP4. Chrome, Edge, Firefox e Safari atuais mostram o formato (Can I use, em inglês); o Gmail transforma em JPEG parado (Can I email, em inglês). Use onde a plataforma aceita imagem, mas não vídeo.

O que é Lottie e quando usar SVG animado?

Lottie e SVG animado só são necessários quando o logo precisa continuar vetorial: nítido em qualquer tamanho, controlado por código ou reagindo a cliques e rolagem num site ou app.

O Lottie é um formato aberto de animação vetorial criado em 2015 por Hernan Torrisi para exportar animações do After Effects; o arquivo é um JSON, tradicionalmente exportado com o plugin Bodymovin. Um SVG animado é um arquivo SVG (Scalable Vector Graphics) animado com CSS ou SMIL. Os dois guardam formas e keyframes, não pixels.

Esse também é o limite: os dois precisam ser construídos a partir da arte vetorial (SVG ou Illustrator), e um vídeo, com partículas e reflexos que são só pixels, não volta a ser vetor. O MorphLogo não exporta Lottie nem SVG animado; ele gera vídeo. Para animação vetorial, use uma ferramenta vetorial como LottieFiles, Lottielab ou SVGator, ou o After Effects com Bodymovin; o comparativo de programa para animar logo mostra onde cada um entra. Para banner, intro ou post, vídeo é mais simples.

Logo animado com fundo transparente: qual formato usar?

Para logo animado com fundo transparente, use um formato com canal alfa, que guarda um nível de transparência para cada pixel: WebP animado, APNG, WebM (VP9 com alfa), HEVC com alfa ou MOV em ProRes 4444. O GIF não serve para bordas suaves: cada pixel fica totalmente transparente ou totalmente sólido.

Formato	Transparência	Onde funciona
GIF	Uma cor totalmente transparente, o resto sólido (GIF89a)	Em todo lugar, com halo ou borda serrilhada
APNG	Alfa completo	Navegadores atuais; não no Gmail na Web nem no Android
WebP animado	Alfa completo	Navegadores atuais; o Gmail transforma em JPEG parado
WebM (VP9 com alfa)	Alfa completo	Chrome, Edge e Firefox; o Safari ignora o alfa
HEVC com alfa	Alfa completo	Safari no iOS 13 e no macOS Catalina ou mais novos
MOV (ProRes 4444)	Alfa completo, até 16 bits	Editores de vídeo; cerca de 330 Mbps em 1080p, pesado demais para publicar

No MorphLogo, fundo transparente é uma opção paga, com condições. O logo enviado precisa ter fundo transparente (PNG ou SVG; JPG ou logo com fundo sólido é recusado), e a opção só funciona com os estilos Giro de 360°, Flutuação suave, Quique elástico e Chuva de confete, ou com uma descrição sua. A animação é gerada sobre fundo verde e, no download, sai recortada com canal alfa em WebM, WebP, GIF ou MOV (ProRes 4444); o MP4 continua com o fundo verde. Brilhos em volta do logo são recortados junto com o fundo, e o GIF sai com borda dura: para borda suave, use WebM, WebP ou MOV. Como o Safari ignora o alfa do WebM, no site o WebP animado é o caminho mais simples para todos os navegadores. Não há APNG, sequência de PNG nem arquivo de projeto editável.

Sem essa opção, a animação é opaca: envie o logo sobre o fundo em que ele vai ficar, porque a geração parte da cor dos cantos do arquivo (branco puro voltou como #F9F9FC no nosso teste).

Qual o tamanho ideal do arquivo de um logo animado?

Mantenha o GIF de assinatura abaixo de 500 KB (alguns fornecedores de assinatura falam em 200 KB) e o clipe do site o mais leve que o movimento permitir. Nos nossos testes, um logo quadrado de quatro segundos ficou entre 55 KB e 1,60 MB em WebM e entre 343 e 862 KB em GIF para e-mail.

Qual o peso ideal do GIF na assinatura de e-mail?

Gmail e Outlook não publicam limite para GIF. A Litmus recomenda no máximo 1 MB para GIF em e-mail; para assinatura, a WiseStamp diz para ficar abaixo de 500 KB e a Letsignit sugere no máximo 200 KB (todos em inglês). O nosso GIF para e-mail (240 px, 10 fps, 64 cores, toca uma vez) ficou entre 384 e 402 KB nos estilos que abrem com o logo: dentro do limite da WiseStamp, fora do da Letsignit. Todo arquivo acima de 500 KB era de movimento no quadro inteiro, como partículas ou vidro estilhaçado, e nenhum dos 21 ficou abaixo de 200 KB.

A legibilidade depende do tamanho de exibição, não do formato. O Gmail mostra imagens de assinatura com no máximo 100 px de altura: nessa altura, o ícone do nosso logo de teste (158 px no MP4) cai para cerca de 16 px e o slogan de duas linhas fica com um ou dois pixels, em qualquer formato.

Na versão da assinatura, deixe só o ícone ou o nome e coloque o slogan em texto. O Outlook para Windows 2007–2019 mostra só o primeiro quadro, então escolha um estilo que abre com o logo; o passo a passo está no guia de assinatura de e-mail com GIF.

Qual o peso ideal do logo animado no site?

No site, peso é tempo de carregamento, e quem decide é o movimento. Estilos que mantêm o logo inteiro deram WebM de 111 a 143 KB; movimento no quadro inteiro, como partículas ou líquido, chegou a 615 KB na mediana e até 1,60 MB.

Como colocar um logo animado no site?

Coloque num elemento <video> do HTML, mudo e em loop, com o WebM primeiro, o MP4 de reserva e o arquivo original do logo como imagem de capa (poster).

<video autoplay muted loop playsinline
       poster="/images/logo.png" width="480" height="480">
  <source src="/media/logo-animation.webm" type="video/webm">
  <source src="/media/logo-animation.mp4" type="video/mp4">
</video>

• muted com autoplay: o Chrome e o Safari do iPhone deixam vídeo mudo tocar sozinho.
• playsinline: no iPhone, toca dentro da página, sem tela cheia; loop volta ao início (MDN).
• WebM primeiro: se o MP4 vier antes, ele ganha mesmo onde o WebM, menor, funcionaria.
• poster: aparece até o vídeo carregar. Use o arquivo do seu logo, já que todo estilo é guiado para terminar nele.

Não use GIF no topo do site. Os nossos tiveram oito vezes o peso do WebM na mediana, com menos cores e quadros.

Duas conferências antes de publicar:

• Coloque um controle de pausa no loop. O critério 2.2.2 das WCAG 2.2 exige pausa para movimento automático que dura mais de cinco segundos, e um clipe em loop se encaixa: adicione controls ou um botão de pausa, ou tire o loop.
• Repare no ponto do loop. Medimos 89 gerações atuais: a Órbita 3D fechou o loop sem emenda em 12 de 19, o Giro de 360° costumou deixar um pulinho leve e a Revelação cinematográfica pulou na maioria das vezes. A página de logo em loop tem a tabela de cada estilo.

Perguntas frequentes sobre formato de logo animado

Um GIF é um vídeo?

Não. O GIF é um formato de imagem que guarda vários quadros em sequência, com no máximo 256 cores por quadro e sem som. Por isso ele toca em qualquer lugar que mostra imagem, inclusive no e-mail, mas costuma pesar mais que um MP4 do mesmo clipe.

PNG pode ser animado?

Pode, como APNG (PNG animado). Funciona como um GIF animado, mas com cor de 24 bits e transparência alfa completa, e as versões atuais do Chrome, Edge, Firefox e Safari tocam. Onde o APNG não é suportado, só o primeiro quadro aparece, e o Gmail na Web e no Android não suporta.

Qual o formato ideal para logo?

PNG, para um logo que vai ficar sobre fundos diferentes: comprime sem perda e aceita transparência, e o JPEG não tem canal alfa. Para impressão e redimensionamento, guarde o original vetorial: SVG, EPS ou PDF. O MorphLogo aceita PNG, JPG, WebP ou SVG; para a opção de fundo transparente, envie PNG ou SVG com fundo transparente.

Dá para baixar o logo animado de graça?

Não. Ao criar a conta você ganha créditos para gerar uma prévia de 4 segundos em 480p, que você assiste online com marca d'água; qualquer download, em qualquer formato, exige um pacote de créditos ou plano, a partir de US$ 9,90 em pagamento único (ver preços). Quanto custa cada clipe por duração e resolução está no guia de quanto custa uma animação de logo.