borda e moldura em imagem
Uma borda pode significar três coisas bem diferentes: aumentar a tela ao redor da foto, encolher a foto para dentro da tela original, ou montar uma moldura com proporção fixa para redes sociais. Cada modo muda o tamanho do arquivo final de um jeito diferente, e confundir os três é a causa mais comum de foto cortada ou esticada.
O percentual é sempre relativo ao lado mais curto (1080), por isso os 5% viram 54 px também na borda horizontal.
A escala é uniforme (972/1080 = 1728/1920 = 0,9), a proporção original 16:9 não muda.
As margens são assimétricas de propósito: só a base tem 20%, as outras três ficam em 6%.
Expandir aumenta as dimensões finais e cerca a imagem inteira com a borda. Margem interna mantém as dimensões originais e reduz a imagem para caber dentro da borda, preservando a proporção (nada é achatado). Moldura social preenche a foto até uma proporção alvo (1:1, 4:5, 16:9) com barras de cor ou uma cópia desfocada, calculando margens assimétricas.
Expandir aumenta a tela ao redor da foto sem tocar em um pixel da imagem original, então o arquivo final fica maior que o original. Para dentro mantém o tamanho da tela e encolhe a foto proporcionalmente para abrir espaço para a borda por dentro, então o arquivo final tem as mesmas dimensões do original.
Na verdade é igual em pixels: o percentual é calculado sobre o lado mais curto da imagem e aplicado igual aos quatro lados, para que a borda pareça visualmente uniforme numa foto retangular em vez de ficar mais grossa no eixo mais longo.
O limite é 40% do lado mais curto da imagem. Passar disso faria a borda consumir a maior parte do quadro, então a ferramenta trava o controle deslizante nesse teto.
A tela é redimensionada para a proporção 4:5 (o formato de post vertical do Instagram) e a área que sobra ao redor da foto original é preenchida com uma versão desfocada da própria foto, em vez de uma cor sólida, para não deixar faixas vazias em fotos que não nascem no formato do feed.
A borda é aplicada inteiramente no seu navegador. Nenhuma imagem é enviada a qualquer servidor.