Alternativa Correta: B – SVG

1. Tema central da questão

A questão aborda a escolha do formato de arquivo mais adequado para animações 2D em interfaces web responsivas, especialmente para microinterações no design. Para responder, é essencial conhecer as características dos principais formatos de imagem e entender as vantagens dos arquivos vetoriais em ambientes responsivos.

2. Resumo teórico

No design digital, imagens podem ser vetoriais (baseadas em formas geométricas) ou bitmap/rasteirizadas (baseadas em pixels). O SVG (Scalable Vector Graphics) é um formato vetorial amplamente usado na web. Seu principal diferencial é a escalabilidade: não perde qualidade ao ser redimensionado, evitando distorções visuais em diferentes tamanhos de tela — fundamental para sites responsivos. Segundo a W3C (Consórcio World Wide Web), SVG é compatível com animações, interatividade e excelente para elementos gráficos em interfaces modernas.

3. Justificativa da alternativa correta

SVG permite criar animações leves e escaláveis, integrando-se facilmente ao HTML e CSS sem perda de qualidade, adaptando-se a qualquer resolução — essencial para interfaces responsivas. Além disso, suporta animação via CSS ou JavaScript, sendo altamente recomendado para microinterações (pequenas animações de feedback em interfaces).

4. Análise das alternativas incorretas

• JPG: Formato de imagem rasterizada ideal para fotos, mas não suporta transparência nem animação. Perde qualidade ao ser redimensionado.
• BITMAP: Termo genérico para imagens rasterizadas; não é recomendado para animação e perde resolução ao ser ampliado.
• PNG: Suporta transparência, mas é rasterizado, não escala perfeitamente e não suporta animação nativa em 2D.
• GIF: Permite animação, mas é limitado em cores e perde qualidade em redimensionamento, além de não ser eficiente para animações modernas em interfaces responsivas.

5. Estratégia para interpretação

Observe termos como animação 2D, responsivo, e evitar distorções visuais: são pistas que remetem ao uso de gráficos vetoriais e ao SVG. Desconfie de opções tradicionais e pense nas tecnologias específicas para web e responsividade.

Gostou do comentário? Deixe sua avaliação aqui embaixo!

SVG: pode ser redimensionado infinitamente sem perda de qualidade;

GIF: perde qualidade ao ser ampliado.