Quiz 05 - Introdução

1. Qual atributo da tag `` é usado para definir o caminho do arquivo de imagem?

`href`

`link`

`src`

`url` *Explicação: O atributo `src` (source) indica ao navegador onde encontrar o arquivo da imagem.*

2. Por que o atributo `alt` é considerado obrigatório por boas práticas?

Para mudar o tamanho da imagem

Para definir o título da página

Para garantir acessibilidade (leitores de tela) e ajudar no SEO

Para que a imagem carregue mais rápido *Explicação: O `alt` descreve o conteúdo da imagem para quem não pode vê-la e para motores de busca.*

3. Qual a principal característica de uma imagem no formato SVG?

É feita de milhões de pixels coloridos

É um gráfico vetorial baseado em XML (código) que não perde qualidade ao ser redimensionado

Só pode ser vista em computadores muito potentes

É o formato mais pesado que existe *Explicação: SVGs são matematicamente calculados, o que permite escala infinita com arquivos minúsculos.*

4. Qual formato de imagem é mais recomendado para fotografias com muitos detalhes e cores?

PNG

JPG (ou JPEG)

SVG

GIF *Explicação: O JPG utiliza compressão eficiente para lidar com milhões de cores em fotografias.*

5. Em qual situação o formato PNG é superior ao JPG?

Quando a imagem é muito grande

Quando queremos economizar o máximo de espaço possível

Quando a imagem precisa de transparência no fundo

Para exibir vídeos curtos *Explicação: O PNG suporta canais alfa, permitindo fundos transparentes.*

6. O que é o formato WebP?

Um formato antigo criado para impressoras

Um formato moderno (do Google) que oferece compressão superior a JPG e PNG

Uma tag HTML para vídeos

Um tipo de vírus de computador *Explicação: O WebP é o padrão ouro moderno para imagens na web, sendo extremamente leve.*

7. A tag `` possui tag de fechamento (ex: ``)?

Sim, sempre

Apenas se for um SVG

Não, ela é uma tag auto-contida

Depende do navegador *Explicação: Assim como a tag `
`, a `` não envolve conteúdo de texto e por isso não precisa de fechamento.*

8. Qual a vantagem de organizar as imagens em uma pasta chamada `assets` ou `imagens`?

As imagens ficam com cores mais bonitas

O site fica imune a hackers

Facilita a manutenção e organização do projeto à medida que ele cresce

O Google exige que essa pasta exista *Explicação: Organização é chave em projetos reais para evitar confusão de arquivos.*

9. Como você ajustaria a largura de uma imagem diretamente no HTML?

Usando a tag ``

Usando o atributo `width` dentro da tag ``

Mudando o nome do arquivo para `imagem_grande.jpg`

Não é possível ajustar o tamanho no HTML *Explicação: Embora o recomendado seja usar CSS, os atributos `width` e `height` podem ser usados diretamente na tag.*

10. O que acontece se o valor do atributo `src` estiver errado (ex: um erro de digitação no nome do arquivo)?

O navegador baixa a imagem correta sozinho

O site inteiro para de funcionar

A imagem não será exibida e o texto do atributo `alt` aparecerá no lugar

O computador reinicia *Explicação: O link quebrado impede o carregamento, e o navegador recorre ao texto alternativo.*