Arredondar cantos de imagem
Recorte qualquer imagem com cantos arredondados ou em círculo perfeito e exporte um PNG com transparência real, pronto para avatares e slides.
Arredondar cantos de imagem roda inteiramente no seu navegador com o canvas. Suas imagens são processadas no seu dispositivo e nunca enviadas.
Abrir o Recortador de imagens
Sobre Arredondar cantos de imagem
Arredondar cantos de imagem faz o que o border-radius do CSS faz — mas grava no arquivo, para todos os lugares aonde o CSS não chega: apresentações, documentos, chats, marketplaces e capturas para lojas de aplicativos. Solte uma imagem, escolha um preset de sutil a pílula ou arraste o controle de raio; o raio funciona como porcentagem do lado curto e os pares de cantos encolhem juntos em vez de se sobrepor, exatamente como os navegadores resolvem o border-radius. O modo círculo recorta primeiro o quadrado centralizado e depois o disco perfeito — o fluxo do avatar num passo só. A exportação é um PNG com cantos genuinamente transparentes.
Recursos
- Controle de raio de 0 a 50% do lado curto
- Presets: sutil, médio, arredondado e círculo completo
- Resolução de sobreposição estilo CSS, sem cantos beliscados
- Modo círculo com recorte quadrado centralizado automático
- Transparência alfa real no PNG exportado
- Prévia sobre tabuleiro de xadrez
Como usar Arredondar cantos de imagem
- Solte uma imagem ou clique para escolher
- Escolha um preset ou arraste o controle de raio
- Mude para o modo círculo para avatares
- Baixe o PNG transparente
Exemplo
Entrada
1200×800 screenshot · radius 10%
Saída
PNG with 80 px rounded corners and transparent outside
10% do lado curto de 800 px: a mesma conta do border-radius no CSS.
Erros comuns e solução de problemas
- Os cantos aparecem brancos em outro aplicativo. — A transparência é real: alguns apps achatam PNGs sobre branco ao colar. Insira o arquivo em vez de colar os dados da imagem.
- O recorte circular cortou parte do assunto. — O modo círculo recorta o quadrado centralizado. Recorte a imagem antes para centralizar o assunto: o rosto de um retrato raramente fica no centro exato do quadro.
- Com 50% a forma vira pílula, não círculo. — Numa imagem não quadrada, 50% do lado curto arredonda as pontas em semicírculos: uma pílula. Para um círculo use o modo círculo, que quadra o recorte primeiro.
Perguntas frequentes
- Como arredondo cantos sem programa de design?
- Solte a imagem aqui, arraste o controle e baixe o PNG. O arredondamento fica gravado no próprio arquivo com cantos transparentes, então funciona em qualquer destino.
- Como o raio percentual se relaciona com o border-radius?
- É idêntico por projeto: a porcentagem se aplica ao lado curto, e quando dois raios de uma borda se sobreporiam, ambos encolhem proporcionalmente — a mesma regra dos navegadores.
- Posso fazer uma foto de perfil circular de uma foto retangular?
- Sim: o modo círculo recorta o maior quadrado centralizado e o transforma em disco num passo. O resultado é um PNG transparente.
- Arredondar cantos reduz a qualidade?
- Não. Os pixels dentro da forma são copiados sem mudança; só os cantos viram transparentes. Nada é recomprimido, porque a saída é PNG sem perdas.
Ferramentas relacionadas
Todas as ferramentas de ArrayKit