Cortar Imagem em Círculo

Use esta ferramenta de cortar imagem em círculo para cortar uma foto, logo ou captura de tela em um círculo perfeito ou em um oval ajustável, e para salvar o resultado como PNG transparente. Arraste a imagem dentro da máscara redonda para decidir o que permanece, dê zoom até o assunto preencher o quadro, adicione um anel se quiser e baixe um avatar pronto para um perfil, uma página da equipe, uma capa de podcast ou uma apresentação de slides.

Tudo roda no seu navegador com o elemento canvas HTML. A foto é decodificada localmente, mascarada localmente e exportada localmente, então nunca é enviada ao miniwebtool e não há fila, marca d'água nem limite de envio além da memória do seu próprio dispositivo.

O que você pode fazer com ela

Recursos principais

• Arraste para enquadrar, role ou faça pinça para zoom: a máscara permanece fixa enquanto a foto se move atrás dela, que é a mesma interação dos editores de avatar.
• Mostrar área cortada: um fantasma dos pixels descartados permanece visível na pré-visualização, para que você perceba se cortou uma orelha ou um ombro.
• Círculo ou oval: um controle de altura em relação à largura transforma o círculo em uma elipse de paisagem ou retrato, e o canvas de exportação segue a mesma forma.
• Girar e espelhar: passos de 90 graus corrigem uma foto de celular de lado, e o espelhamento vira uma selfie de volta para o lado certo.
• Anel de borda e borda suavizada: adicione um anel colorido em pixels de saída, ou suavize a borda para o avatar se misturar a um fundo.
• PNG, WebP ou JPG transparente: deixe os cantos vazios para PNG e WebP, ou preencha-os com uma cor escolhida para JPG.
• Predefinições de tamanho de avatar: um clique para os tamanhos comuns de foto de perfil de 320, 400, 512, 640 e 800 pixels.
• CSS copiável: o trecho reproduz o mesmo avatar redondo em uma página web com border-radius e object-fit.

Como cortar uma imagem em círculo

1. Carregue a foto: arraste um arquivo para a área de soltar, escolha Selecionar imagem, ou cole uma imagem copiada com Ctrl+V.
2. Enquadre o assunto: arraste dentro do palco para mover a foto e use o controle Zoom, a roda do mouse ou um gesto de pinça para dimensioná-la. Preencher redefine para o recorte mais justo que cobre a máscara e Encaixar mostra a foto inteira dentro dela.
3. Escolha a forma: mantenha Círculo, ou mude para Oval e defina a proporção altura/largura.
4. Estilize a borda: defina Anel e a cor dele, suavize a borda com Suavização e escolha Transparente ou um Fundo sólido.
5. Confira as pré-visualizações pequenas: olhe as versões de 128, 64 e 32 pixels abaixo do palco e dê mais zoom se o rosto desaparecer.
6. Exporte: escolha um tamanho e um formato de saída e depois selecione Baixar imagem circular.

Tamanhos de foto de perfil exibidos como círculos

A maioria das plataformas aceita um envio quadrado e aplica a própria máscara redonda em CSS. Exportar um PNG já circular ainda é útil para sites, documentos e slides, e permite controlar exatamente onde a máscara cai. Estes são tamanhos de envio seguros:

Como a máscara circular é desenhada

A foto é pintada em um canvas no tamanho de saída, depois o modo composto do canvas é mudado para destination-in e uma elipse é preenchida sobre ela. Somente os pixels debaixo da elipse sobrevivem; todo o resto fica totalmente transparente. Quando Suavização está acima de zero, a elipse é preenchida com um degradê radial em vez de uma cor sólida, então o valor alfa cai gradualmente e a borda desaparece em vez de terminar em uma linha dura. Um anel, se você adicionar um, é traçado depois para não ser apagado pela máscara.

Como um círculo fica inscrito no quadrado do qual é cortado, o resultado redondo sempre cobre cerca de 78,5 por cento da área do quadrado, e os quatro cantos são o que você perde. Por isso dar um pouco de zoom costuma ser o certo para um retrato: o topo da cabeça e os ombros ficam exatamente nos cantos que são removidos.

Dicas para um recorte que ainda funciona em 32 pixels

• Preencha o círculo com o rosto. Deixe uma pequena margem acima da cabeça e deixe os ombros saírem da borda; um recorte de corpo inteiro vira um ponto ilegível.
• Coloque os olhos um pouco acima do centro. Um rosto centrado exatamente no meio de um círculo parece estar afundando.
• Prefira um fundo simples e contrastante. Detalhe ocupado atrás da cabeça vira ruído visual quando o avatar é reduzido.
• Não amplie. Se a origem tem 200 pixels de largura, exportar 800 pixels só a deixa borrada; exporte no tamanho da origem enquadrada ou abaixo dele.
• Adicione um anel para interfaces escuras. Um anel branco de um a dois por cento impede que uma foto escura se misture a uma barra lateral de chat escura.

Perguntas frequentes

Minha foto é enviada para um servidor?

Não. O arquivo é lido pelo seu navegador com a API FileReader, desenhado em um canvas HTML e mascarado ali. Nada é enviado ao miniwebtool, então a imagem permanece no seu dispositivo mesmo se você fechar a aba. Isso também significa que a ferramenta continua funcionando em uma conexão lenta depois que a página carregou, e não há fila de envio nem limite de tamanho de arquivo além da memória do seu próprio dispositivo.

Como mantenho a área fora do círculo transparente?

Defina Fundo como Transparente e escolha PNG ou WebP como formato de saída. Somente esses dois formatos armazenam um canal alfa. O JPG não tem transparência alguma, então os quatro cantos ao redor do círculo são preenchidos com a cor de fundo, e a ferramenta muda o fundo para uma cor sólida automaticamente quando você seleciona JPG.

Por que meu avatar redondo ainda parece quadrado depois que eu o envio?

Alguns sites achatam a transparência sobre um fundo branco ou escuro quando recodificam o envio, o que torna os cantos transparentes visíveis de novo. Se isso acontecer, combine a cor de fundo com a do site em vez de usar transparência, ou envie o original quadrado e deixe o site aplicar a própria máscara circular, o que a maioria das redes sociais faz em CSS.

Qual deve ser o tamanho de uma foto de perfil circular?

512 por 512 pixels serve para quase todo perfil, porque os sites reduzem uma imagem maior, mas nunca adicionam detalhe a uma pequena. Alvos comuns são 400 pixels para X e LinkedIn, 320 para Instagram, 512 para Discord, 640 para WhatsApp e 800 para YouTube. Use as predefinições de tamanho na seção Saída e deixe o site fazer a redução.

Posso cortar um oval em vez de um círculo perfeito?

Sim. Mude a forma para Oval e mova o controle de altura em relação à largura. Uma proporção abaixo de 100 por cento gera uma elipse larga de paisagem, e uma proporção acima de 100 por cento gera uma elipse alta de retrato, adequada para enquadramentos de cabeça e ombros. O canvas de saída muda de forma junto, então um oval de 512 pixels de largura a 130 por cento é exportado como 512 por 666 pixels.

O recorte em círculo reduz a qualidade da minha foto?

O recorte em si remove pixels fora do círculo, mas não recomprime o que permanece quando você exporta PNG, que é sem perdas. A qualidade só cai se o tamanho de saída for maior que a área enquadrada do original, porque o navegador então precisa ampliar, ou se você escolher JPG ou WebP, que são com perdas. Dar zoom além de cerca de 100 por cento em uma origem pequena é a causa usual de um resultado suave.

Quais tipos de arquivo posso abrir e salvar?

Você pode abrir qualquer coisa que o navegador consiga decodificar como imagem, o que normalmente cobre JPG, PNG, WebP, GIF, BMP, AVIF e SVG. GIFs animados são cortados como um único quadro estático. O download é um PNG por padrão, com WebP e JPG disponíveis na lista Formato.