2026-05-19 · 1 min de leitura
Redimensione imagens para layouts responsivos
Exporte larguras exatas que seu layout usa — evite enviar fontes de 4000px ao mobile.
imagemdesempenhofrontend
Pontos principais
- Redimensione primeiro, comprima depois — ordem importa para qualidade e bytes.
- Mantenha proporção salvo quando direção de arte exigir cortes.
Combine com seu srcset
Gere larguras 1x/2x por breakpoint em vez de um arquivo mestre gigante.
Combine saídas redimensionadas com Image Compress no mesmo formato que você entrega.
Perguntas frequentes
Qual formato após redimensionar?
WebP para fotos em stacks modernos; PNG quando precisar de bordas UI nítidas.
Largura no campo secundário?
Informe largura alvo ou LxA; encaixa nos limites sem upscale desnecessário.