polyshGerador de borda para capturas de tela
Emoldure uma captura de tela com uma borda sólida para que ela se destaque em páginas brancas.
- Roda no seu navegador
- Sem uploads
- Sem conta
Carregando a ferramenta no navegador…
O que faz: Gerador de borda para capturas de tela
Branco sobre branco é o problema clássico das centrais de ajuda: uma captura de tela de um app claro em uma página de artigo branca não tem borda visível. Uma borda fina resolve. O padrão é uma borda cinza-escura (#1F2328) de 10 px, com cantos retos e sem margem externa, então a imagem cresce exatamente o dobro da largura da borda.
Defina a Largura da borda e a Cor da borda para combinar com o tema da sua documentação; uma borda cinza-clara de 1 ou 2 px muitas vezes basta. Mais opções adiciona Raio dos cantos, Margem interna do lado de fora da borda e um Fundo para essa margem. Para uma borda mais suave, sem linha, teste o Gerador de sombra para capturas de tela.
Exemplo
Você escolhe
Uma captura de tela de 1440 × 900 px com a borda padrão
Você baixa
screenshot-border.png 1460 × 920 px com uma borda #1F2328 de 10 px
A borda é adicionada do lado de fora da captura de tela, então nenhum pixel do original é coberto.
Como usar: Gerador de borda para capturas de tela
- Clique em Escolher arquivo ou cole a captura de tela.
- Defina a Largura da borda e a Cor da borda.
- Adicione Raio dos cantos ou Margem interna em Mais opções, se precisar, e clique em Baixar .png.
Bom saber
- Só uma cor sólida. Não há bordas tracejadas, duplas ou em degradê.
- A largura padrão da borda acompanha o tamanho da imagem: uma captura de tela de 2880 px de largura começa com borda de 20 px, então confira o valor em imagens grandes.
- Quando você arredonda os cantos, os cantos da própria captura de tela ficam um pouco menos arredondados, para a borda manter uma espessura uniforme.
Perguntas sobre Gerador de borda para capturas de tela
Qual largura de borda devo usar em capturas de tela para documentação?
De 1 a 2 px em uma imagem 1x, ou de 2 a 4 px em uma imagem Retina que vai aparecer pela metade do tamanho. Use um cinza-claro, como #D0D7DE. Bordas grossas e escuras ficam pesadas no meio do texto.
Como adiciono uma borda a uma imagem sem deixá-la maior?
Esta ferramenta sempre adiciona a borda do lado de fora da imagem. Para manter o tamanho original, primeiro reduza a imagem no Redimensionador de capturas de tela em duas vezes a largura da borda e depois adicione a borda.
Posso fazer uma borda arredondada?
Sim. Abra Mais opções e aumente o Raio dos cantos. A borda acompanha o formato arredondado, e as áreas de fora usam o Fundo que você escolher, inclusive transparente.