Ficha 01 · Formatos e otimização

Parte I · Suportes

Exercício 1 · Destino (10 pts)

Indica a exigência principal de cada suporte:

a) Web. ___

b) UI de uma app. ___

c) Email/newsletter. ___

Exercício 2 · DPI no digital (10 pts)

Um colega diz "tens de pôr a imagem a 300 DPI para ficar nítida no site". Está correto? Justifica.

Parte II · Formatos

Exercício 3 · Formato certo (15 pts)

Indica o formato mais adequado:

a) Fotografia de paisagem para um artigo. ___

b) Logótipo com fundo transparente para sobrepor. ___

c) Ícone simples que deve ser nítido em qualquer tamanho. ___

d) Substituir JPG/PNG por algo ~30% mais leve mantendo qualidade. ___

Exercício 4 · Compressão (15 pts)

a) Diferença entre compressão com perdas e sem perdas. (8 pts)

b) Porque é má prática gravar repetidamente o mesmo JPEG várias vezes? (7 pts)

Parte III · Otimização

Exercício 5 · O erro nº 1 (15 pts)

Um site mostra imagens a 400 px de largura mas serve ficheiros de 4000 px reduzidos por CSS.

a) Qual o problema? (8 pts)

b) Como corrigir? (7 pts)

Exercício 6 · Checklist (15 pts)

Lista 5 passos para otimizar uma fotografia para a web.

Parte IV · Responsivo

Exercício 7 · srcset (20 pts)

Explica para que serve o atributo srcset numa <img> e escreve um exemplo que sirva 3 tamanhos (400, 800, 1600 px).