Como recortar uma imagem em círculo com fundo transparente
Recorte qualquer imagem em círculo com cantos transparentes: deixe-a quadrada primeiro, centralize o rosto, arredonde e salve em PNG ou WebP, não em JPG. Mais contornos e tamanhos de foto de perfil.
Atualizado em 15 de setembro de 20266 min de leitura
Para recortar uma imagem em círculo, recorte-a primeiro num quadrado, depois aplique uma máscara circular e salve em PNG ou WebP para que os quatro cantos fiquem transparentes. Pule o quadrado e você terá um oval ou uma pílula; salve em JPG e os cantos voltam preenchidos com uma cor sólida. Os dois erros são fáceis de evitar quando você sabe por que eles acontecem.
Por que o quadrado vem primeiro
Um círculo é o que um retângulo arredondado vira quando os lados são iguais e o raio dos cantos chega à metade de um lado. Nossa ferramenta de cantos arredondados mede o raio em relação ao lado menor da imagem, então a predefinição Círculo — um raio de 50% — transforma um quadrado num círculo perfeito, e transforma uma foto 3:2 numa pílula: redonda nas pontas, reta em cima e embaixo. A ferramenta está fazendo exatamente o que deve; a imagem de entrada é que não era quadrada.
Então recorte primeiro. Na ferramenta de recorte, escolha a proporção 1:1 (Quadrado) e o retângulo continua quadrado por mais que você o arraste. A ferramenta de recorte salva em PNG, então nada se perde entre as duas etapas. Os princípios gerais de enquadramento estão em recortar uma imagem numa proporção.
Centralize o rosto e deixe espaço
Um círculo desenhado dentro de um quadrado remove os quatro cantos — pouco mais de um quinto da área. O que estava num canto desaparece, e o que estava perto da borda acaba espremido contra o contorno.
- Coloque os olhos um pouco acima da linha do centro. Num enquadramento de cabeça e ombros, isso põe o rosto no meio do círculo e deixa os ombros preencherem a curva de baixo.
- Deixe espaço acima da cabeça. O alto da cabeça encostado na borda parece apertado em tamanho de miniatura.
- Recorte um pouco mais folgado do que parece natural. Avatares aparecem pequenos; um rosto que preenche o círculo de ponta a ponta parece um close, enquanto um com algum espaço em volta parece um retrato.
- Confira os cantos do quadrado. Uma mão, um logotipo ou uma segunda pessoa num canto será cortada ao meio.
A grade da Regra dos Terços da ferramenta de recorte ajuda no posicionamento. O recorte automático centralizado no rosto é um recurso Pro; no plano gratuito, você posiciona o retângulo por conta própria, o que, para um único retrato, leva segundos.
PNG ou WebP, nunca JPG
Uma imagem circular continua sendo um arquivo quadrado. As quatro regiões dos cantos são simplesmente marcadas como transparentes, e o que estiver atrás da imagem aparece através delas. Só formatos com suporte a transparência conseguem armazenar isso.
| Formato | Cantos | Use para |
|---|---|---|
| PNG | Transparentes | O padrão seguro — amplamente aceito e sem perdas |
| WebP | Transparentes | Sites, onde o arquivo menor faz diferença |
| JPG | Preenchidos com uma cor sólida | Só quando você quer um quadrado colorido atrás do círculo |
A ferramenta de cantos arredondados começa em PNG com fundo transparente e avisa se você mudar para JPG enquanto o fundo ainda estiver transparente. Se você realmente quer os cantos preenchidos — um círculo sobre um quadrado na cor da marca, por exemplo —, defina o fundo como Cor sólida e escolha a cor; aí o JPG serve. Mais sobre como escolher entre eles em PNG vs JPG vs WebP.
Passo a passo
Opcional: remova o fundo
Para um retrato ou produto recortado, passe a imagem primeiro pelo removedor de fundo e mantenha a saída em PNG, para que o círculo enquadre o objeto sobre transparência. Remover um fundo com perfeição cobre os detalhes.
Recorte num quadrado
Use a proporção 1:1 na ferramenta de recorte, com o enquadramento descrito acima.
Aplique a predefinição Círculo
Na ferramenta de cantos arredondados, escolha Círculo. A pré-visualização fica sobre um quadriculado, para você ver que os cantos estão realmente transparentes, e não brancos.
Adicione um anel, se quiser
Ative o Contorno, defina a espessura e a cor e escolha se ele fica no Interior, Centrado ou no Exterior da borda. Um anel externo precisa de espaço: aumente a Margem, que amplia a área da imagem, e a ferramenta avisa se o anel for ficar cortado.
Exporte em PNG
Ou em WebP para um site. No plano gratuito, WebP e JPG são exportados com qualidade de 92%, e o Pro chega a 100%; o PNG é sem perdas nos dois.
Imagem quadrada na entrada, círculo transparente na saída, com um anel opcional. Tudo roda no seu dispositivo, não nos nossos servidores.
Transformar em círculoFoto de perfil: envio o quadrado ou o círculo?
Onde a plataforma desenha o círculo para você, envie o quadrado. A máscara dela esconde os cantos de qualquer jeito, e um quadrado dá à pré-visualização de recorte algo com que trabalhar; um círculo já recortado não ganha nada ali. Um círculo pronto vale a pena onde nada aplica a máscara por você: a página da equipe num site, uma assinatura de e-mail, um slide, um adesivo, um documento impresso.
De um jeito ou de outro, envie mais pixels do que a plataforma exibe. No momento em que escrevemos, o X recomenda 400 × 400 pixels para a foto de perfil, com limite de 2 MB, e o LinkedIn recomenda 400 × 400 para o logotipo de uma Página, até 3 MB em PNG ou JPEG. Repare nesse último detalhe: um WebP não seria aceito ali, o que é mais um motivo para o PNG ser o padrão.
O redimensionador de imagens para redes sociais tem predefinições de perfil quadradas para várias plataformas. Ele preenche o espaço vazio com uma cor de fundo em vez de transparência, então use-o para dimensionar o quadrado primeiro e depois arredonde o resultado. Os tamanhos de todos os outros espaços estão em tamanhos de imagem para redes sociais.
Arredondar as fotos de uma equipe inteira
Numa página de equipe, o objetivo é a consistência: o mesmo diâmetro, o mesmo anel e o mesmo espaço em volta de cada rosto. A ferramenta de cantos arredondados aceita uma imagem por vez no plano gratuito; o Pro aceita até 100 numa só passada com as mesmas configurações. Em qualquer caso, recorte cada pessoa num quadrado à mão primeiro — a etapa de arredondar é uniforme, mas o enquadramento de cada rosto não é, e é o enquadramento que as pessoas notam quando uma fileira de avatares aparece lado a lado.
Perguntas frequentes
Como recorto uma foto em círculo?
Recorte-a num quadrado, aplique uma máscara circular com raio de canto de 50% e salve em PNG. A predefinição Círculo da ferramenta de cantos arredondados aplica a máscara com um clique.
Por que meu recorte em círculo ficou oval?
Porque a imagem não era quadrada. Um raio de 50% num retângulo gera um oval ou uma pílula, dependendo da ferramenta. Recorte em 1:1 primeiro e a mesma configuração gera um círculo perfeito.
Como faço uma imagem circular com fundo transparente?
Mantenha o fundo como Transparente e exporte em PNG ou WebP. O JPG não tem transparência, então preenche os cantos com uma cor sólida.
Por que minha foto redonda tem cantos brancos?
Ou ela foi salva em JPG ou com fundo sólido, ou o aplicativo que a exibe mostra a transparência como branco. Coloque-a sobre um fundo escuro: se os cantos sumirem, são transparentes.
Qual deve ser o tamanho de uma foto de perfil redonda?
Envie um quadrado bem acima do tamanho de exibição — o X, por exemplo, recomenda 400 × 400 pixels. A plataforma reduz a imagem; ela não consegue acrescentar detalhes que não existem.
Posso adicionar uma borda a uma imagem circular?
Sim. Ative o Contorno na ferramenta de cantos arredondados e ele acompanha o círculo. Defina a espessura e a cor, e aumente a margem se o anel ficar do lado de fora da borda.