Redimensione uma imagem sem perder o que importa

Uma loja pode precisar de uma foto quadrada quando o original é largo. Além das dimensões, decida quais partes podem ficar de fora.

Primeiro a proporção, depois os pixels

A proporção descreve a relação entre largura e altura, não o tamanho do arquivo. Mantê-la preserva rostos e círculos; alterar as dimensões independentemente pode deformá-los.

Para uma versão menor da mesma imagem, mantenha a proporção. Se o destino exigir um formato fixo, escolha entre a imagem completa com margens e um recorte que preencha o espaço.

Referências: MDN — Aspect-preserving contain and cover, and stretched fill

Recortar também muda o conteúdo

Conter mantém a imagem inteira e pode deixar margens. Cobrir preserva a proporção, mas corta o excesso. Esticar preenche as dimensões sem recorte, porém pode deformar.

O recorte do ToolRoof é centralizado; não detecta o assunto automaticamente. Confira bordas e textos: remover preço, logotipo ou parte essencial de um documento muda mais que a aparência.

Referências: MDN — Aspect-preserving contain and cover, and stretched fill

Confira o resultado visual

A ferramenta processa localmente imagens estáticas JPEG, PNG e WebP. Animações estão fora desse fluxo, e ampliar não promete recuperar detalhes que faltam no original.

Guarde o original e visualize o resultado no tamanho de uso. Se houver transparência, confira o formato: JPEG usa a cor de fundo escolhida em vez de preservá-la.

Exemplo: foto larga em um quadrado

Uma imagem de 1600 × 900 em um destino de 800 × 800, no modo conter, fica em 800 × 450 com margens de 175 pixels acima e abaixo. Nada é cortado, mas a foto não preenche o quadrado.

Cobrir usa a área central de 900 × 900, remove 350 pixels originais de cada lado e reduz para 800 × 800. Se o produto estiver perto da borda, conter pode ser melhor, mesmo que outra foto fique mais bonita recortada.

Referências