Pular para o conteúdo

Borda e margem

Border & Padding

Adiciona uma borda lisa, degradê ou arredondada e margem ao redor de uma imagem, ou a preenche até uma proporção desejada.

Dois trabalhos que parecem um: pôr uma moldura visível em volta de uma foto e preencher uma foto até a forma que a plataforma exige. Os dois acrescentam pixels em vez de removê-los, e essa é a ideia: uma foto 16:9 pode ir para uma grade quadrada com as bordas intactas em vez de ser cortada para caber.

🔒 Roda inteiramente no seu navegadorborderpaddingframe

Solte uma foto

Acrescente uma borda, preencha até uma proporção ou arredonde os cantos — tudo nesta aba.

Como usar

  1. Escolha porcentagem ou pixels

    A porcentagem é do lado mais curto, então um lote de tamanhos diferentes com uma configuração só fica visualmente consistente. Pixels são o certo quando o número é de fato um número.

  2. Preencha até uma proporção se precisar

    1:1 para uma miniatura de grade, 4:5 para o mais alto que um post de feed chega antes de ser cortado, 9:16 para um story. O painel mostra o tamanho de tela resultante e a proporção reduzida dela.

  3. Arredonde os cantos, por dentro ou por fora

    O raio da foto arredonda a imagem dentro da moldura; o raio externo arredonda o conjunto, o que precisa de um formato com alfa.

  4. Acrescente a faixa de baixo para uma legenda

    Preenchimento extra só embaixo: a forma polaroid, e onde uma legenda ou um logotipo vai sem cobrir a imagem.

Perguntas frequentes

Preencher até uma proporção vai cortar a minha foto?

Nunca. O preenchimento para uma proporção só acrescenta fundo no eixo curto. Se você quer o outro comportamento — preencher a forma e cortar o excesso —, isso é o “cobrir” no redimensionador.

Os cantos arredondados saíram pretos.

A saída foi JPEG, que não tem canal alfa, então o codificador compôs os cantos transparentes sobre preto. Salve como PNG ou WebP.

Por que o traço fica dentro da foto e não em volta?

Para que um raio de canto o corte também. Um traço desenhado fora da borda da foto continuaria quadrado, deixando uma linha dura saindo para fora de uma foto arredondada.

Pode receber de

Em seguida

Estas aceitam o que esta ferramenta produz, então o resultado pode ir direto.