Ferramenta de imagem / 23
Imagem com cantos arredondados
Arredonde os cantos de qualquer imagem com predefinições de plataforma ou um raio exato e baixe um PNG transparente.
Imagem com cantos arredondados: A TOEA recorta a imagem em um retângulo arredondado em uma tela, de modo que os cantos fiquem fora do caminho e sejam gravados no PNG como pixels totalmente transparentes. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.
- Categoria
- Ferramentas de imagem
- Execuções
- No seu navegador
- Custo
- Grátis · sem cadastro
- Disponibilidade
- Pronto para usar
Roda inteiramente no seu navegador
PNG, JPG, WebP ou SVG · 1024 × 1024 ou maior funciona melhor
Quando o CSS faz um trabalho melhor
Em uma página da web, border-radius no CSS arredonda uma imagem quando ela é exibida, mantém o arquivo no formato que for menor e permite alterar o raio depois sem exportar tudo novamente. Cantos incorporados no arquivo servem para lugares sem CSS: slides, documentos, listagens de marketplaces, publicações em redes sociais e e-mails, nos quais o aplicativo desktop do Outlook ignora border-radius. Uma foto salva como PNG dessa forma fica muito mais pesada; PNG para WebP mantém os cantos transparentes com uma fração do tamanho.
Não use em ícones de lojas
Não envie uma arte com cantos arredondados previamente como ícone de aplicativo. O iOS e o Google Play aplicam sua própria máscara a um quadrado completo, então cantos arredondados antecipadamente deixam pequenas faixas transparentes ou escuras dentro do formato do sistema. Imagens arredondadas são adequadas para ícones que aparecem como imagens comuns, em um site, apresentação ou mock-up; para os arquivos de ícone necessários a um projeto de aplicativo, o gerador de ícones de aplicativo exporta quadrados completos.
Como usar
- Escolha uma imagem.
- Escolha uma predefinição, como ícone de app do iOS, ou defina seu próprio raio.
- Baixe o PNG arredondado.
Privacidade e limitações
A imagem é arredondada localmente e nunca é enviada. A saída é sempre PNG, porque JPG não tem canal alfa para manter os cantos transparentes.
Ferramentas relacionadas
Perguntas frequentes
Qual raio devo usar?
A predefinição de ícone de app do iOS usa 22.37% da largura, o que visualmente coincide com a máscara da tela inicial; o macOS usa 18.52%. Para cartões de UI, a predefinição sutil de 6% geralmente é mais próxima do que você procura.
Os cantos são realmente transparentes?
Sim. O resultado é um PNG com canal alfa, então os cantos exibem o que estiver por trás deles, em vez de um quadrado branco.
Isso produz um squircle verdadeiro da Apple?
Não. Ele desenha um retângulo arredondado com arco circular, que é muito parecido em tamanhos típicos, mas não é a forma de curvatura contínua da Apple. O iOS aplica a própria máscara aos ícones de apps de qualquer forma.
Posso arredondar uma imagem não quadrada?
Sim. O raio é medido em relação ao lado menor e limitado à metade dele, então uma imagem larga vira uma cápsula em vez de quebrar.
Ferramenta grátis · no seu navegador execuções · não precisa de conta