Redimensionar uma imagem sem a distorcer: a proporção por trás do problema
Uma imagem de 1920 × 1080 px (exemplo ilustrativo) tem uma razão de 1920:1080, que simplificada dá 16:9. Se precisas de a reduzir para uma miniatura com 800 px de largura, formulas 1920/1080 = 800/x. Pela regra de três, 1920 × x = 1080 × 800, logo x = 864 000 / 1920 = 450 px de altura. Se em vez disso forçasses uma altura arbitrária (por exemplo, 500 px), a imagem ficaria ligeiramente esticada, porque a razão deixaria de ser 16:9.
Este é o mesmo mecanismo da quarta proporcional aplicado a pixels em vez de ingredientes ou dias de trabalho: três valores conhecidos, um em falta, e a mesma igualdade de razões a resolver dos dois lados.
16:9, 4:3, 9:16: o que significam estas proporções de referência
Na prática, qualquer par largura/altura pode simplificar-se para comparação: 1920:1080 e 1280:720 simplificam-se ambos para 16:9 (o mesmo formato, resoluções diferentes). Isto é útil quando precisas de confirmar se uma imagem já está no formato certo para uma plataforma, antes de a recortar ou redimensionar.
| Proporção | Orientação | Uso comum |
|---|---|---|
| 16:9 | Horizontal | Vídeo, capas de blogue, monitores |
| 4:3 | Horizontal | Apresentações, ecrãs mais antigos |
| 1:1 | Quadrado | Publicações em redes sociais |
| 9:16 | Vertical | Stories, reels, ecrã de telemóvel |
Trocar entre estas proporções não é apenas redimensionar — normalmente implica também recortar, porque mudar de 16:9 para 9:16, por exemplo, muda a forma geral do retângulo, não só o seu tamanho. A calculadora ajuda na parte da proporção; o recorte da composição continua a ser uma escolha visual tua.
O número de ouro na composição visual: uma proporção, não uma regra fixa
Dividir um comprimento segundo o número de ouro é, matematicamente, o mesmo tipo de problema que resolver qualquer proporção: dado um comprimento total, encontrar o ponto que separa a parte longa da parte curta de modo que longo/curto = total/longo. Um retângulo de 1000 px de largura (exemplo ilustrativo) dividido segundo φ tem uma parte longa de aproximadamente 618 px e uma parte curta de aproximadamente 382 px.
Vale a pena ser cético em relação a alegações exageradas sobre o número de ouro ("o segredo de todo o bom design"): é uma proporção esteticamente equilibrada e historicamente influente, mas grelhas simples como terços ou metades também produzem composições sólidas. Usa-o como mais uma opção de proporção a experimentar, não como regra rígida.
Incorporar a calculadora de proporções na tua própria página
Isto é útil se giras um blogue de culinária, um site educativo, ou uma página de referência técnica e queres oferecer aos teus leitores uma calculadora funcional sem teres de a construir do zero. A secção correspondente da ferramenta mostra o código pronto a copiar e uma opção para pré-visualizar exatamente como a versão incorporada se comporta antes de a colares na tua página.
Combinado com os temas deste artigo, um caso de uso prático seria: uma página sobre design responsivo que explica proporções de imagem, com a calculadora incorporada diretamente por baixo do texto, para que o leitor experimente os seus próprios números sem sair da página.