Ficha 01 · Espaços cromáticos, resolução e formatos

Grupo I · Verdadeiro ou Falso (20 pontos)

1. O espaço de cor RGB deve ser usado em ficheiros destinados a impressão offset. ___

2. O formato WebP suporta transparência (canal alfa) e produz ficheiros mais pequenos que JPEG equivalente. ___

3. O formato JPEG é adequado para logos com fundo transparente. ___

4. O perfil sRGB é o standard para imagens destinadas à web e redes sociais. ___

5. Um ficheiro JPEG perde qualidade cada vez que é aberto e guardado. ___

6. Para impressão de qualidade profissional, a resolução mínima recomendada é 72 PPI. ___

7. O SVG é um formato vectorial que pode ser escalado infinitamente sem perda de qualidade. ___

8. O elemento HTML loading="lazy" instrui o browser a carregar a imagem apenas quando está prestes a entrar no viewport. ___

9. Na preparação de ficheiros para impressão, a "sangria" refere-se ao excesso de cor CMYK (acima de 300%). ___

10. O CLS (Cumulative Layout Shift) pode ser prevenido definindo width e height nas tags <img>. ___

Grupo II · Calcular especificações de imagem (40 pontos)

2.1 Calcula o tamanho em píxeis (largura × altura) necessário para as seguintes situações. Mostra os cálculos. (20 pts — 4 pts cada)

a) Cartão de visita: 8.5cm × 5.5cm, a 300 PPI, com 3mm de sangria em todos os lados.

b) A4 para impressão de revista: 21cm × 29.7cm, a 300 PPI, sem sangria.

c) Thumbnail para YouTube: dimensões padrão.

d) Imagem para Instagram Stories: dimensões e ratio.

e) Banner para exterior (outdoor): 6m × 3m, a 72 PPI.

2.2 Identifica o formato correcto para exportar cada uma das situações abaixo. Justifica a escolha. (20 pts — 4 pts cada)

a) Logo de uma empresa, com fundo transparente, para usar no website.

b) Fotografia de produto para uma loja online (Shopify).

c) Ilustração para um website com áreas de cor plana e texto.

d) Fotografia de alta resolução para arquivar e usar em vários projectos futuros.

e) Animação simples de ícone para um botão de website.

Grupo III · Optimização e diagnóstico (40 pontos)

3.1 Uma página web demora 8 segundos a carregar. Ao analisar com o Chrome DevTools, verificas que as imagens representam 4.5MB dos 5MB totais da página. Descreve um workflow de optimização de imagens para reduzir o peso para menos de 500KB, sem perda perceptível de qualidade. Inclui ferramentas e decisões técnicas. (20 pts)

3.2 Um designer enviou um ficheiro para uma gráfica e recebeu o seguinte feedback: "O ficheiro tem problemas de sangria, as fontes não estão incorporadas e o espaço de cor está em RGB." Explica o que deve corrigir e como. (20 pts)