iformat.io Logo iformat.io

Como adicionar cantos arredondados a imagens online

P
Atualizado em 21 de março de 2026
6 minutos de leitura

Os cantos arredondados conferem às imagens uma aparência moderna e elegante. Desde ícones de aplicativos e miniaturas de produtos até capturas de tela de apresentações e boletins informativos por e-mail, as imagens com cantos arredondados parecem mais acessíveis e profissionais do que bordas retangulares nítidas.

Por que arredondar os cantos da imagem?

CSS border-radius pode arredondar imagens em sites, mas só funciona em navegadores – o arquivo de imagem subjacente ainda tem cantos agudos. Quando você compartilha essa imagem em um e-mail, apresentação ou postagem em mídia social, os cantos se transformam em retângulos nítidos. Ao aplicar cantos arredondados diretamente nos pixels da imagem, o efeito persiste em todos os lugares.

Os cantos arredondados também são essenciais para ícones de aplicativos. O iOS usa uma forma específica de retângulo arredondado (superelipse) e o Android usa várias formas arredondadas. Nossa ferramenta permite que você disque o raio exato que você precisa.

Como arredondar os cantos da imagem em 3 etapas

Passo 1: Faça upload da sua imagem. Abra o Cantos redondos da imagem ferramenta e arraste e solte sua foto ou clique para navegar. Arquivos PNG, JPG e WebP são todos suportados.

Etapa 2: ajuste o raio do canto. Use o controle deslizante para definir o raio de 0% (nítido) a 50% (totalmente arredondado). Ou use os botões predefinidos: Sutil (10%), Médio (20%), Redondo (35%) ou Completo (50%). A visualização é atualizada em tempo real.

Etapa 3: Baixe. Escolha PNG para cantos transparentes (ideal para sobreposição em qualquer fundo) ou JPG/WebP com preenchimento branco. Clique em Download e sua imagem com cantos arredondados estará pronta.

Compreendendo o raio do canto

O raio do canto é expresso como uma porcentagem do lado mais curto da imagem. Esta é a aparência de cada predefinição na prática:

Sutil (10%): Uma curva suave que suaviza bordas nítidas sem alterar drasticamente o formato da imagem. Ótimo para imagens de produtos e capturas de tela.

Médio (20%): O padrão — um arredondamento perceptível, mas equilibrado, que funciona bem para a maioria dos casos de uso, incluindo cartões, miniaturas e apresentações.

Rodada (35%): Uma curva proeminente que se aproxima da aparência de um esquilo. Ideal para aproximações de ícones de aplicativos e elementos de design.

Completo (50%): Arredondamento máximo — transforma uma imagem quadrada em um círculo. Para imagens retangulares, cria um formato de estádio (comprimido) nos lados mais curtos.

Casos de uso comuns

Ícones de aplicativos: Os ícones de aplicativos iOS e Android usam retângulos arredondados. Use a predefinição Rodada ou Completa para corresponder às diretrizes da plataforma.

Imagens do produto: Os cartões de produtos de comércio eletrônico parecem mais modernos com cantos arredondados sutis.

Apresentações: Capturas de tela e fotos com cantos arredondados parecem mais refinadas em apresentações de slides e relatórios.

Boletins informativos por e-mail: Como o raio da borda CSS tem suporte inconsistente em clientes de e-mail, inserir cantos arredondados na imagem garante uma renderização consistente.

Cantos arredondados vs raio de borda CSS

CSS border-radius é ótimo para páginas da web onde você controla o ambiente de renderização. Mas esta ferramenta é melhor quando você precisa do efeito arredondado incorporado ao próprio arquivo de imagem - para compartilhar, imprimir ou usar em contextos que não suportam CSS.

Privacidade e Segurança

Como todas as ferramentas iFormat, a ferramenta de cantos arredondados processa tudo no seu navegador. Suas imagens nunca saem do seu dispositivo – sem upload de servidor, sem armazenamento, sem preocupações com privacidade.

Escolhendo o formato de arquivo correto

O formato escolhido após arredondar os cantos depende de onde a imagem será usada. PNG preserva a transparência nos cantos – as áreas arredondadas tornam-se transparentes em vez de preenchidas com cor. Isso é ideal para colocar imagens em fundos coloridos ou texturizados em sites, apresentações e modelos de e-mail. A desvantagem são tamanhos de arquivo maiores em comparação com JPG.
JPG preenche os cantos arredondados com uma cor sólida (normalmente branca). Isso é adequado quando a imagem será exibida em um fundo branco ou quando o tamanho do arquivo for mais importante do que a flexibilidade. O WebP oferece o melhor dos dois mundos – suporte à transparência com tamanhos de arquivo significativamente menores que o PNG – mas nem todas as plataformas aceitam uploads do WebP ainda. Para aplicativos de mídia social e mensagens, JPG é a escolha mais segura. Para sites que você controla, use WebP com um substituto PNG.

Processamento em lote de várias imagens

Ao criar uma página de equipe, portfólio ou grade de produto em que cada imagem precisa do mesmo raio de canto, a consistência é fundamental. Processe todas as imagens com a mesma configuração de raio e as mesmas dimensões de saída. Se sua equipe tiver oito membros, carregue e arredonde cada foto na mesma porcentagem para que pareçam uniformes quando exibidas lado a lado. Mesmo uma pequena diferença no raio do canto é perceptível quando as imagens são colocadas em um layout de grade.

Como adicionar cantos arredondados no iPhone ou Android

A ferramenta de cantos arredondados iFormat funciona em qualquer navegador móvel – não é necessário nenhum aplicativo. No iPhone, abra o Safari e vá para iformat.io/round-corners. Toque Escolha arquivo, selecione uma foto do rolo da câmera, defina o raio com o controle deslizante e toque em Baixar. O PNG é salvo na pasta Downloads no aplicativo Arquivos.
No Android, o processo é idêntico no Chrome. O arquivo baixado aparece no álbum Downloads da sua galeria.

PNG vs JPG para imagens de canto arredondado

A decisão de formato mais importante é se você precisa de cantos transparentes. PNG oferece cantos transparentes – as áreas arredondadas tornam-se transparentes, permitindo que a imagem fique nítida em qualquer cor de fundo em uma apresentação, e-mail ou site.
JPG preenche a área do canto com branco porque JPG não suporta transparência. Isso é bom quando a imagem sempre aparece em um fundo branco. JPG produz um tamanho de arquivo menor, mas PNG é quase sempre a melhor escolha para imagens com cantos arredondados, já que você raramente conhece todos os planos de fundo que usará.

Perguntas frequentes

Posso adicionar cantos arredondados a uma imagem JPG?
Sim. Carregue seu JPG, aplique o raio do canto e baixe como PNG para cantos transparentes ou JPG para cantos preenchidos em branco. O formato de entrada não restringe a saída.
Adicionar cantos arredondados reduzirá a qualidade da imagem?
Não. A ferramenta aplica a máscara de canto sem recomprimir a imagem. A qualidade só muda se você baixar como JPG – o download como PNG preserva a qualidade total.
Qual raio de canto corresponde aos ícones do aplicativo iOS?
A Apple usa uma forma de superelipse (esquilo) para ícones de aplicativos iOS. Um raio de cerca de 22–23% aproxima-se da aparência do iOS para tamanhos padrão. Use a entrada de raio personalizado para controle preciso.
Posso obter cantos arredondados com fundo colorido em vez de transparente?
Baixe o PNG com transparência e coloque-o na cor de fundo escolhida em qualquer ferramenta de design - Canva, Google Slides, Figma ou PowerPoint suportam isso.
Isso funciona em GIFs animados?
A ferramenta processa apenas imagens estáticas (JPG, PNG, WebP). Para GIFs animados com cantos arredondados, é necessária uma ferramenta de desktop como o GIMP.

Cantos redondos da imagem grátis

Não é necessário fazer upload – processa inteiramente no seu navegador.

Experimente agora
Navegar em todas as postagens