Ficha 01 · Formatos e otimização

Parte I · Formatos

Exercício 1 · Codec/contentor (15 pts)

Indica o formato adequado:

a) Publicar uma animação curta no YouTube. ___

b) Microanimação de UI num site (escalável, leve). ___

c) Mestre/arquivo de alta qualidade. ___

d) Animação curta para WhatsApp, sem som. ___

Exercício 2 · GIF vs Lottie/WebP (10 pts)

Porque é, em geral, má ideia usar GIF para uma microanimação num site moderno?

Parte II · Otimização vídeo

Exercício 3 · Parâmetros (15 pts)

Para uma animação de 30 s para YouTube em 1080p:

a) Que codec e contentor recomendas? (5 pts)

b) Que cuidado com o fps ao exportar? (5 pts)

c) O que é codificação 2-pass e por que ajuda? (5 pts)

Exercício 4 · Loudness (5 pts)

Que alvo de loudness usar e porquê?

Parte III · Lottie

Exercício 5 · Vantagens (10 pts)

Indica 2 vantagens do Lottie face a um MP4 para uma microinteração de site.

Exercício 6 · Limitações (10 pts)

Quando não usar Lottie?

Parte IV · Acessibilidade e web

Exercício 7 · <video> na web (15 pts)

Escreve um snippet HTML de <video> com: - WebM + MP4 fallback, - imagem de capa (poster), - não carregar o ficheiro inteiro de início, - legendas em português.

Exercício 8 · prefers-reduced-motion (10 pts)

O que é e como respeitar numa animação web?

Parte V · Workflow

Exercício 9 · Mestre (10 pts)

Porque exportar primeiro um mestre (ProRes/DNxHR) e derivar dele as versões para cada destino?