Ferramentas relacionadas
Por que arredondar?
Visual moderno para cards e redes.
Beneficios
- Moderno: Alinhado a UI.
- Bordas: Mais suaves.
- Consistencia: Mesmo raio.
- Redes: Avatares e miniaturas.
- Acabamento: Rapido.
Como funciona
Mascara retangulo arredondado; fora da curva fundo ou transparencia.
Etapas
- Carga Navegador.
- Raio Quatro cantos iguais.
- Mascara Interior mantido.
- Fundo Transparente ou cor.
- Exportar PNG, JPEG, WEBP.
Guia de raio
Conforme tamanho e efeito.
Valores
- Leve (5-10px) Suave.
- Moderado (10-20px) Comum na web.
- Forte (20-40px) Em imagens grandes.
- Muito forte (40px+) Quase pilula em canvas pequenos.
Casos
Social, web, apps, lojas.
Redes sociais
Miniaturas e posts.
Design web
Cartoes e grades.
UI movel
Padroes arredondados.
E-commerce
Tiles uniformes.
Com APIs de imagem do navegador e canvas.
FAQ
O que e raio?
Onde a curva comeca.
So alguns cantos?
Aqui os quatro iguais.
Fundo?
PNG transparente ou cor solida.
Qualidade?
Recorte geometrico.
Varias imagens?
Sim.
Miniaturas?
5-10px em pequenas; mais em grandes.
Formatos?
PNG transparencia; WEBP pode; JPG nao.