Redimensione imagens para a web sem fazer upload

Páginas da web não precisam do seu original de 12 MP. Servir um JPEG de 3600 pixels numa coluna de 720 desperdiça banda e atrasa o Largest Contentful Paint. O material do web.dev sobre imagens responsivas ainda é o modelo mental certo: envie os pixels que o layout de fato mostra.

Escolha um alvo, não um palpite

• Destaque de blog: 1920 px na borda longa basta para a maioria dos temas.
• Figura no texto: 1200 px de largura, e deixe o CSS reduzir.
• Avatar ou logo: o tamanho exibido vezes 2, para telas 2×.
• Anúncio de marketplace: siga a caixa de pixels documentada do site e depois comprima.

Como o StackImage redimensiona

Você pode travar uma largura, uma altura ou a borda longa, e manter a proporção. O navegador desenha o bitmap num canvas menor e recodifica o resultado. É uma redução de boa qualidade para fotos do dia a dia. Não é o pipeline proprietário de nitidez do Lightroom. Imagens acima de 32 megapixels ou 50 MB são recusadas para a aba continuar de pé.

1. Abra Redimensionar Imagem e solte o arquivo.
2. Informe a largura, a altura ou o alvo da borda longa.
3. Confira a prévia e baixe. Rode Comprimir depois se a recodificação ainda estiver pesada.

Redimensionar não é recortar, e não é ampliar

Recortar muda o enquadramento. Redimensionar muda a grade de pixels. Ampliar inventa pixels com um modelo e é outra ferramenta: fotos típicas de celular rodam em 2×, e quadros maiores são ajustados primeiro. Se você precisa do quadrado 1:1 do Instagram, recorte primeiro e depois redimensione para 1080.

Fontes