Gerador de Borda de Imagem
Adicione uma moldura decorativa ao redor de uma foto — sólida, tracejada, pontilhada ou dupla, com cantos arredondados e sombra opcional — inteiramente no seu navegador.
Entrada
Processado inteiramente no seu navegador — a imagem nunca é enviada para um servidor.
A espessura da moldura ao redor da foto.
Arredonda os cantos da foto e da borda.
Destaca a foto com moldura do fundo com uma sombra suave.
Saída
Your edited image will appear here.
Mais formas de usar esta ferramenta
Widget para incorporar
<iframe
src="https://iotools.cloud/embed/imagekit/image-border/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Gerador de Borda de Imagem — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Coloque isso na sua própria página — grátis, sem chave, só um link de volta.
Também disponível via
Guias
Adicione uma moldura decorativa ao redor de qualquer foto — escolha o estilo, a cor e a espessura, e depois baixe o resultado emoldurado. Tudo é renderizado instantaneamente no seu navegador; nada é enviado para um servidor.
Como funciona
Envie uma imagem e depois ajuste a moldura do seu jeito:
- Largura da Borda — a espessura da moldura ao redor da foto.
- Cor da Borda — a cor da moldura, qualquer valor hexadecimal ou escolhido no seletor de cores.
- Estilo da Borda — Sólida (uma moldura preenchida e uniforme), Tracejada, Pontilhada ou Dupla, os mesmos estilos do
border-styledo CSS. - Raio dos Cantos — arredonda os cantos da foto e da moldura externa. Com valor 0, os cantos permanecem retos.
- Adicionar Sombra — destaca a foto emoldurada da página com uma sombra suave, útil ao colocá-la sobre um fundo colorido ou com padrões.
O resultado é renderizado instantaneamente conforme você ajusta os controles. Baixe-o como um arquivo SVG ou copie diretamente o seu código-fonte.
Dicas
- Os estilos Tracejada e Pontilhada funcionam melhor com uma Largura da Borda média a grande (30px ou mais) — em larguras muito finas, o padrão de traços fica pequeno demais para ser lido com clareza.
- Bordas Duplas dividem a Largura da Borda em duas linhas mais finas com um espaço entre elas, então uma borda Dupla precisa de mais largura do que uma Sólida para ficar encorpada — experimente 60px ou mais.
- O SVG baixado continua nítido em qualquer tamanho, pois é um invólucro vetorial da sua imagem original — redimensioná-lo não perde qualidade como aconteceria com uma exportação rasterizada.
- Combine um Raio dos Cantos arredondado com uma Sombra para um visual de cartão, por exemplo, para um mockup de site ou uma postagem em redes sociais.