Ir para o conteúdo principal
Bethemesh
Imagens e gráficos

Imagem redonda e cantos arredondados

Crie uma foto de perfil redonda, uma miniatura com cantos arredondados ou uma imagem com moldura: ajuste o arredondamento e o contorno e descarregue um PNG transparente.

  • Exportar
Automatizar

Integrar este widget

Personalize o resultado, verifique a pré-visualização e copie o código.

Pré-visualização

Tipo de código de integração

Código a copiar

Responsivo e redimensionado automaticamente pela Bethemesh.

Imagem
Nenhuma imagem carregada

Arraste uma imagem para aqui

Adicione uma imagem PNG, JPEG ou WebP. O ficheiro permanece no dispositivo e todas as edições são feitas localmente no navegador.

Precisas de mais opções?

Utiliza várias ferramentas de edição num único espaço, com o ficheiro aberto e as alterações em curso.

Abrir o editor completo

Esta ferramenta foi útil?

Como funciona esta ferramenta?

Uma foto da equipa numa miniatura redonda, um avatar, uma captura de ecrã com os cantos suavizados para uma apresentação: estas formas fazem-se em segundos. A ferramenta recorta a imagem em círculo ou arredonda os cantos, acrescenta se necessário um contorno da cor pretendida e torna transparente tudo o que fica fora da forma.

Na forma «Círculo», a ferramenta mantém o maior quadrado centrado na imagem e inscreve nele um disco. Uma foto de 1200 × 800 px dá assim um círculo com 800 px de diâmetro. Para escolher a parte que fica, recorte primeiro a imagem num quadrado sobre o rosto ou o logótipo e só depois aplique o círculo.

Na forma «Cantos arredondados», a imagem mantém as dimensões e apenas os ângulos são suavizados. O arredondamento exprime-se em percentagem do lado mais curto: 5 a 10 % dão um ângulo discreto, 25 % um aspeto de cartão ou botão, e 50 % transformam um quadrado num círculo e um retângulo numa pílula.

O contorno é desenhado no interior da forma: a imagem não aumenta, o que evita surpresas na paginação. A espessura também se define em percentagem do lado mais curto, para manter a mesma proporção visual seja qual for o tamanho da imagem.

À volta da forma, os cantos cortados ficam transparentes por predefinição e a imagem é guardada em PNG, ou em WebP se o escolher. Se preferir um fundo sólido, por exemplo para um documento impresso, desative a transparência e escolha uma cor: é também o que acontece automaticamente em JPEG, um formato sem transparência.

Como usar esta ferramenta

  1. Importe a imagem

    Foto, logótipo ou captura de ecrã em PNG, JPEG ou WebP.

  2. Recorte se for preciso

    Para um círculo, enquadre um quadrado centrado no motivo com o separador Recortar.

  3. Escolha a forma e o contorno

    Círculo ou cantos arredondados, arredondamento, espessura e cor do contorno: a pré-visualização acompanha cada ajuste.

  4. Aplique e descarregue

    Mantenha o fundo transparente para um PNG, ou escolha uma cor de fundo.

As medidas utilizadas

Para uma imagem com largura L e altura A, com c = min(L, A):

Diâmetro do círculo

D = c

Mantém-se o maior quadrado centrado.

Raio dos cantos arredondados

r = arredondamento % × c

Limitado a 50 %: acima disso, os arredondamentos sobrepor-se-iam.

Espessura do contorno

e = contorno % × c

Desenhado no interior da forma.

c
lado menor da imagem, em píxeis
p_r
arredondamento escolhido, em fração (25 % = 0,25)
p_b
contorno escolhido, em fração (5 % = 0,05)

Casos de uso

Fotos de perfil

Preparar um avatar redondo para uma assinatura de e-mail, o site da equipa ou um fórum que não arredonda as imagens.

Apresentações e documentos

Suavizar os ângulos de capturas de ecrã e fotos para um resultado mais cuidado num diapositivo.

Sites e interfaces

Criar miniaturas, cartões ou botões com cantos arredondados prontos a integrar.

Redes sociais e marcas

Emoldurar um logótipo com um contorno nas cores da marca para uma publicação ou um crachá.

Exemplos

Avatar redondo

O quadrado central é mantido; o contorno branco fino destaca o rosto sobre um fundo escuro.

Entrada

Retrato de 1200 × 1600 px, forma Círculo, contorno branco de 3 %

Resultado

PNG redondo de 1200 px

Captura de ecrã para uma apresentação

Um arredondamento ligeiro dá à captura o aspeto de uma janela de aplicação.

Entrada

Captura de 1920 × 1080 px, cantos arredondados de 4 %

Resultado

Mesmas dimensões, ângulos suavizados

Miniatura de produto

O fundo sólido evita cantos transparentes se a miniatura for impressa ou enviada em JPEG.

Entrada

Foto quadrada, cantos arredondados de 20 %, fundo transparente desativado, fundo #F5F5F5

Resultado

Cartão de cantos arredondados sobre fundo cinzento-claro

Botão em forma de pílula

Com metade do lado mais curto como raio, as duas pontas do retângulo tornam-se semicírculos.

Entrada

Faixa de 1200 × 300 px, cantos arredondados de 50 %

Resultado

Faixa com as extremidades totalmente redondas

Dicas e boas práticas

  • Num retrato, deixe algum espaço acima da cabeça no quadrado recortado: o círculo come mais nos cantos.
  • Mantenha a transparência e o formato PNG se a imagem for colocada sobre um fundo colorido: os cantos cortados ganham a cor do suporte.
  • Um contorno claro sobre fundo escuro, ou escuro sobre fundo claro, basta muitas vezes para destacar uma foto redonda.
  • Numa interface, uniformize o arredondamento de todas as miniaturas com a mesma percentagem.
  • Se uma plataforma já mostra a foto de perfil em círculo, basta um ficheiro quadrado: não precisa de a arredondar.

Fontes e referências

Perguntas frequentes

Como tornar uma foto redonda?

Importe a foto, abra o separador Moldura, escolha a forma «Círculo», defina um contorno se quiser, aplique e descarregue o PNG. Para escolher a parte que fica, recorte primeiro um quadrado centrado no motivo.

Porque é que os cantos da minha imagem estão transparentes?

Fora da forma, a imagem fica vazia por predefinição, e o PNG permite guardar esse vazio como transparência. Assim, a imagem assenta bem sobre qualquer fundo. Desative a transparência para preencher os cantos com uma cor.

Que valor de arredondamento escolher?

Cerca de 5 % para um ângulo discreto, 15 a 25 % para um efeito de cartão, 50 % para um círculo a partir de um quadrado ou uma pílula a partir de um retângulo. A percentagem refere-se ao lado mais curto da imagem.

O contorno aumenta a imagem?

Não. É desenhado no interior da forma, pelo que as dimensões continuam a ser as da imagem original, ou as do quadrado no caso de um círculo.

Que tamanho para uma foto de perfil redonda?

As plataformas recomendam em geral um quadrado de 320 a 800 px. Para uma utilização versátil, um círculo de 800 a 1000 px fica nítido em todo o lado e pode ser reduzido depois.

Posso obter um JPEG?

Sim, mas o JPEG não suporta transparência: os cantos são preenchidos a branco ou com a cor de fundo escolhida. Para manter os cantos transparentes, exporte em PNG ou em WebP.

A minha imagem fica privada?

Sim. O recorte, o arredondamento e o contorno são calculados no seu navegador; a foto nunca é enviada para um servidor.

Ferramentas relacionadas

Continue com estas ferramentas

Ferramentas semelhantes ou complementares a esta.

Ferramentas semelhantes

Recortar uma imagem

Desenhe uma moldura na imagem, fixe uma proporção (1:1, 4:5, 16:9…) e transfira a parte recortada.

Imagens e gráficosEm destaqueUtilizar esta ferramenta

Leia também

GuiaFormatosIniciante

PNG, JPEG, WebP ou AVIF: que formato escolher?

Escolha o formato adequado para fotografia, captura, transparência ou interface sem sacrificar desnecessariamente qualidade e desempenho.

31 de agosto de 20263 min
TutorialBoas práticasIniciante

Como comprimir uma imagem sem perder qualidade?

Reduza o tamanho de uma imagem escolhendo dimensões, formato e qualidade adequados sem introduzir degradação visual desnecessária.

31 de agosto de 20263 min
GuiaBoas práticasIntermédio

Imagens responsivas: compreender srcset e sizes

Compreenda como srcset e sizes permitem ao navegador escolher uma imagem adequada à largura de apresentação, densidade de píxeis e contexto responsive.

31 de agosto de 20263 min