Otimização de Imagens para Performance Web

Áudio automático ativado: as próximas questões serão lidas ao clicar em Continuar.

1. 1

   Qual formato é frequentemente indicado para fotografias na web quando se busca boa compressão com ampla compatibilidade entre navegadores?

   A JPEG B SVG C BMP
2. 2

   Em uma imagem responsiva, qual atributo do elemento <img> fornece ao navegador diferentes arquivos para escolher conforme a largura e a densidade da tela?

   A alt B srcset C loading
3. 3

   Por que é recomendável definir os atributos width e height em imagens inseridas no HTML?

   A Para impedir que a imagem seja redimensionada por CSS B Para tornar o arquivo de imagem automaticamente menor C Para reservar espaço no layout antes do carregamento
4. 4

   Observe uma página em que uma foto grande no topo desloca o texto para baixo assim que termina de carregar. Qual melhoria deve ser priorizada para reduzir esse deslocamento?

   

   A Reservar a proporção e o espaço da foto no layout B Remover o texto que está abaixo da foto C Aplicar uma borda mais fina na foto
5. 5

   Qual é o uso mais adequado de loading="lazy" em uma página longa?

   A Aplicá-lo obrigatoriamente à imagem principal visível no topo B Adiar imagens que estão abaixo da área inicialmente visível C Substituir o atributo alt de imagens decorativas
6. 6

   Qual característica torna o SVG especialmente adequado para ícones simples, logotipos e ilustrações geométricas?

   A Sempre usar menos bytes que qualquer imagem rasterizada B Precisar de uma foto de alta resolução como fonte C Poder ser ampliado sem perder nitidez
7. 7

   Uma imagem de produto será exibida com 400 px de largura em um cartão. Qual prática evita baixar dados excessivos em telas comuns?

   

   A Oferecer versões proporcionais ao tamanho exibido usando imagens responsivas B Enviar sempre uma imagem de 4000 px para garantir qualidade C Converter a imagem em um arquivo BMP antes de publicá-la
8. 8

   Qual atributo deve fornecer uma descrição textual útil quando uma imagem comunica informação importante, como um gráfico ou uma foto de produto?

   A sizes B alt C decoding
9. 9

   Em qual situação o formato PNG tende a ser uma escolha apropriada?

   A Fotografia de paisagem em tela cheia, quando o menor peso é a prioridade B Ícone geométrico que precisa escalar para qualquer tamanho C Imagem rasterizada que precisa de transparência com boa preservação de detalhes
10. 10

    Uma imagem de destaque é o maior elemento visível na primeira dobra da página e demora para aparecer. Qual ação pode ajudar a melhorar seu carregamento prioritário?

    A Usar preload para o recurso crítico quando isso for apropriado B Adicionar loading="lazy" a essa imagem C Carregar a imagem somente após todos os scripts não essenciais
11. 11

    Na ilustração, qual versão da imagem é mais apropriada para ser entregue a um celular que exibe uma miniatura pequena, considerando economia de dados e nitidez suficiente?

    

    A A versão de maior resolução destinada a um banner de desktop B Uma versão próxima ao tamanho necessário para a miniatura, considerando a densidade da tela C Uma versão sem compressão, independentemente do tamanho exibido
12. 12

    O que o atributo decoding="async" pode indicar ao navegador em um elemento <img>?

    A Que a imagem deve ser convertida automaticamente para SVG B Que a imagem não precisa de texto alternativo C Que a decodificação pode ocorrer de forma assíncrona