Adicionar Cantos Arredondados Online

Quando Você Precisa do Arredondamento Gravado no Arquivo

O border-radius do CSS lida bem com cantos arredondados em uma página web ativa, mas muitos contextos não podem contar com um navegador para renderizá-lo. Clientes de e-mail costumam remover ou ignorar o border-radius, então uma foto de produto ou avatar arredondado em um e-mail de marketing só parece arredondado se o próprio arquivo já carregar cantos transparentes. A mesma limitação aparece em PDFs, visualizações de apps nativos que exibem imagens como estão, apresentações de slides e plataformas sociais que renderizam arquivos enviados sem aplicar a folha de estilo do seu site. Ícones de aplicativo e favicon são outro caso recorrente. Algumas plataformas mascaram automaticamente um PNG quadrado para você, mas para recursos de prévia, capturas de tela de marketing de um ícone, ou superfícies que não aplicam sua própria máscara, arredondar a imagem de origem você mesmo mantém a consistência visual com a versão mascarada que os usuários realmente veem. Avatares e fotos de perfil seguem a mesma lógica: se você está compondo um avatar arredondado em um gráfico maior e achatado — um certificado, um crachá de nome, um layout de cartão exportado como uma única imagem, uma miniatura de vídeo — o arredondamento precisa existir nos pixels de origem antes do achatamento, porque um raio de CSS aplicado só ao elemento original não sobrevive quando gravado em uma exportação estática. Como o processamento acontece inteiramente no seu navegador, isso também funciona para material que você prefere não enviar a um servidor — capturas de tela contendo informações pessoais, fotografia de produto ainda não lançada, ou recursos internos de ferramentas — nada disso é transmitido a lugar nenhum para arredondar os cantos.