Cantos Arredondados de Imagem
Recorta uma imagem com um path de retângulo arredondado (ou círculo, ou squircle) assado num PNG transparente. Útil pra quadrados de avatar, tiles de miniaturas, e qualquer imagem que precisa combinar com um styling de `border-radius` sem fazer em CSS. O modo por-canto pega quatro raios independentes (topo-esq, topo-dir, base-dir, base-esq); padding adiciona uma borda opaca ao redor do recorte; o modo JPEG achata a transparência pra uma cor de fundo escolhida já que JPEG não pode carregar alfa.
Como usar
- Solte uma imagem. Escolha um modo — raio uniforme pra um cartão arredondado normal, círculo pra um avatar de um quadrado, squircle pra uma forma estilo iOS.
- O modo por-canto te dá quatro sliders se você precisa de um recorte assimétrico (um canto de balão de chat, por exemplo).
- Baixe como PNG pra manter os cantos transparentes, ou JPEG se tamanho importa mais que alfa.
Perguntas frequentes
- O que é um squircle?
- Uma forma de curvatura contínua entre um círculo e um quadrado — a forma do ícone de app do iOS, a 'superelipse' da Apple (n≈4). Parece mais suave que um retângulo arredondado porque a curvatura não tem uma transição abrupta de reto pra curva.
- Por que minha saída tem um fundo de tabuleiro de xadrez?
- Isso é só a visualização mostrando a área transparente. O PNG baixado mantém a transparência real — solte numa página e os cantos serão translúcidos.
Ferramentas relacionadas
Gerador de Border Radius
Arraste cantos individualmente, teste raios elípticos, copie o CSS — com presets chat-bubble, pill, blob e tab.
Cortar bordas de imagem automaticamente
Corta automaticamente bordas transparentes, brancas, pretas ou de qualquer cor sólida de uma imagem — com tolerância ajustável, controle de preenchimento e exportação PNG/JPEG/WebP. Tudo no seu navegador.
Agendador de pares round-robin (Torneio e rotação 1-a-1)
Gera um calendário completo de emparelhamentos round-robin onde cada participante encontra cada outro exatamente uma vez — usando o clássico método circular.
Construtor de CSS clip-path (polígono, círculo)
Construtor visual da propriedade CSS `clip-path` — escolha uma forma (círculo, elipse, inset ou polígono), ajuste números com sliders ou clique na pré-visualização para adicionar pontos do polígono, e copie uma declaração CSS pronta para colar. Inclui 10 presets de forma (triângulo, hexágono, estrela, seta, balão, mais, …).
Recortar Imagem (Proporção)
Recorte qualquer imagem em uma proporção padrão (1:1, 16:9, 4:3…) centralizada automaticamente.
Aguçar imagem (Unsharp Mask)
Aguce qualquer foto ou captura no seu navegador com o algoritmo unsharp mask — três sliders (amount, radius, threshold), quatro presets (sutil → extremo), comparação ao vivo antes/depois e download PNG. Nada é enviado.