Saltar para o conteuúdo

Cantos Arredondados

Arredonde cantos e, se quiser, adicione uma borda.

Como funciona

  1. 1Solte uma imagem.
  2. 2Defina o raio e, se quiser, cor e espessura da borda.
  3. 3Baixe o PNG.

Sobre

Arredonde cantos de imagem no navegador e, se quiser, pinte uma borda. Cantos transparentes exportam como PNG. Nada é enviado.

O raio é limitado para nunca passar da metade do lado menor. A borda é pintada no mesmo caminho. Isto queima a forma nos pixels — não é só uma prévia em CSS.

A saída é sempre PNG. Tetos: 32 megapixels, 50 MB. Um arquivo.

Casos de uso

  • Prints para a loja de apps
  • Miniaturas estilo avatar
  • Cards de produto com borda suave
  • Arredondar uma peça de logo para um slide

O que você de fato recebe

Um PNG com quatro cantos arredondados iguais. Os pixels fora do caminho ficam transparentes. Um traço opcional segue o caminho.

Isto não é uma máscara em camadas que você reabre. Só saída achatada.

Cantos vs recorte

Recortar muda a caixa delimitadora. Cantos arredondados mantêm a mesma largura e altura e só escondem os cantos.

Precisa de um avatar circular? Suba o raio em um recorte quadrado (use Recortar Imagem 1:1 primeiro).

Quando não usar esta ferramenta

Pule se precisar de raios diferentes por canto, uma sombra projetada ou um JPEG com fundo sólido. Desenhe isso em uma ferramenta de design.

Arquivos acima de 32 megapixels são recusados. PNGs enormes ficam grandes no disco — comprima depois se precisar.

Perguntas frequentes

Ferramentas relacionadas