Como planejar art direction de imagens para mobile

Art direction altera crop, proporção ou composição conforme características da tela; não é apenas comprimir o mesmo arquivo.

Antes de começar

Identifique elemento que precisa continuar visível, área segura e contexto do texto em cada formato.

Passo a passo

1. Prepare uma versão móvel intencional e use picture com condições apropriadas, mantendo fallback.

2. Confira o foco visual e a legibilidade em largura estreita e ampla.

Limites e cuidados

Não esconda informação importante no crop móvel nem dependa de JavaScript para selecionar a imagem.

Continue na biblioteca

Fonte oficial: Imagens responsivas — web.dev.