Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Imagens em dispositivos estreitos: largura máxima em vez de largura fixa
Uma imagem nunca deve ficar mais larga do que seu espaço. O verificador mede, para cada perfil de dispositivo, se componentes individuais ultrapassam a área de visualização — imagens com largura fixa são um dos causadores mais comuns.
- A configuração básica que resolve quase tudo é uma largura máxima de 100% com altura automática. Sem ela, uma fotografia de 1200 pixels mantém sua largura até num ecrã de 390 pixels.
- Separada disso está a questão do tamanho do ficheiro: uma imagem pensada para o desktop não é apenas demasiado larga no telemóvel, mas também desnecessariamente pesada. Isto afecta o tempo de carregamento e fica visível na área de verificação Core Web Vitals.
- Imagens sem dimensões especificadas causam ainda deslocamentos de layout durante o carregamento — o mesmo erro afecta assim duas áreas de verificação.