EDITAR

Cantos arredondados

Cantos arredondados de fato transparentes, não quadrados brancos fingindo.

EDITAR

☞ roda inteiramente no seu navegador — nada é enviado

Solte sua imagem aqui

ou clique para escolher — PNG, JPG, WebP ou GIF

porcentagem, não pixels

Um raio em pixels é a unidade errada

Quarenta pixels de raio são invisíveis numa foto de 4000 pixels e comem meio rosto num avatar de 400. Por isso aqui o raio é uma porcentagem do lado menor: o mesmo ajuste fica igual numa miniatura e num cartaz. O equivalente em pixels aparece logo abaixo, caso você precise atender a uma especificação que pede número.

A outra metade do trabalho é o formato. Cantos arredondados precisam de transparência, e o JPEG não tem: salve uma imagem arredondada como JPEG e os quatro cantos voltam pretos, a não ser que algo os preencha. Esta ferramenta usa PNG por padrão e deixa os cantos realmente vazios; se você escolher JPEG, ela pergunta a cor de fundo em vez de produzir triângulos pretos em silêncio.

três passos

Como arredondar os cantos de uma imagem

01

Solte a imagem aqui

PNG, JPG, WebP ou GIF. É decodificada na página e nunca enviada.

02

Ajuste o raio

Arraste o controle de 0 a 50% do lado menor. A 50% numa imagem quadrada você obtém um círculo. Adicione uma borda no mesmo painel se quiser.

03

Baixe

O PNG mantém os cantos transparentes. JPEG e WebP também estão ali, com uma cor de fundo para o que o arredondamento cortou.

respostas rápidas

Perguntas frequentes sobre cantos arredondados

Os cantos são mesmo transparentes?

Em PNG e WebP, sim: os pixels fora do traçado arredondado têm alfa zero. Em JPEG não podem ser — o formato não tem canal alfa —, então você escolhe uma cor de fundo e os cantos são preenchidos com ela.

Por que o raio é uma porcentagem?

Porque um raio em pixels só faz sentido em um tamanho. 10% fica igual em 400 e em 4000 pixels, enquanto 40 pixels parecem um círculo numa e quase nada na outra. O equivalente em pixels aparece sob a pré-visualização.

Dá para ter um círculo perfeito?

Numa imagem quadrada, coloque o raio em 50%. Num retângulo isso vira uma cápsula — use a ferramenta de corte circular, que deixa a imagem quadrada primeiro.

Também dá para colocar borda?

Sim. A borda fica por fora do contorno arredondado e segue a mesma curva, com o raio interno reduzido pela espessura da borda para que os dois arcos fiquem concêntricos. Deixe a borda em 0% se quiser só o arredondamento.

E imagens muito grandes?

Navegadores têm uma área máxima de canvas. Se o resultado passar disso, a exportação é reduzida para caber e a pré-visualização avisa, em vez de te entregar um arquivo em branco.

Alguma coisa é enviada?

Não. A imagem é decodificada, desenhada e recodificada no seu navegador. Em nenhum momento algo vai para um servidor.