Recortar uma imagem em círculo parece que deveria ser um passo só. O detalhe são os cantos. Um círculo fica dentro de um quadrado, e os quatro cantos fora dele têm de virar alguma coisa. Se viram branco, seu círculo carrega uma caixa branca que aparece no momento em que você o coloca sobre qualquer coisa que não seja branca. Se viram transparentes, o círculo flutua de forma limpa sobre qualquer fundo. Essa diferença é inteiramente uma questão de formato de arquivo.
Por que tem de ser um PNG
O JPEG não consegue armazenar transparência. Cada pixel de um JPEG é opaco, então um JPEG "circular" é, na verdade, um quadrado com branco (ou alguma cor) preenchendo os cantos. Ele parece redondo só contra um fundo combinando, e desmorona numa página escura ou num card colorido.
O PNG suporta um canal alfa — cada pixel pode ser totalmente visível, totalmente invisível ou qualquer coisa entre os dois. É isso que permite que os cantos fora do círculo fiquem genuinamente vazios. Então um recorte circular com fundo transparente é sempre um PNG. Se uma ferramenta te entrega um JPEG e o chama de transparente, ele não pode ser; o formato não permite.
Como fazer um
Solte uma imagem, escolha a forma de círculo e exporte com fundo transparente. Nos bastidores, ele pega o maior quadrado a partir do centro da sua imagem e depois mascara um círculo sobre ele na resolução total, para que a borda exportada fique nítida em vez de escalada de uma prévia pequena. Os cantos saem transparentes, e o PNG está pronto para ser colocado sobre qualquer fundo.
Você não está limitado a um círculo completo. Um quadrado arredondado com raio ajustável cobre ícones de app e miniaturas de card que querem cantos suaves, e um quadrado simples te dá um recorte central limpo sem máscara. Todos os três exportam do mesmo jeito, com transparência em qualquer área que fique fora da forma.
O detalhe da qualidade da borda
Uma coisa que vale saber: a máscara é aplicada na resolução total da imagem, não em uma prévia reduzida. Isso mantém a borda circular nítida em vez de serrilhada ou mole. Se você já recortou um círculo em algum lugar e notou uma borda em degraus, isso geralmente é resultado de mascarar uma prévia pequena e ampliá-la. Fazer isso em tamanho cheio evita esse problema.
Limites honestos
O recorte é centralizado — ele pega o quadrado do meio da sua imagem e não há alça para reposicionar o quadro. Isso é ideal quando o seu sujeito já está centralizado, e desajeitado quando não está. Se a parte que você quer está para um dos lados, recorte a imagem até ela primeiro com um recortador básico e depois faça o recorte circular do resultado. Ele também processa uma imagem por vez, então foi feito para um único corte limpo, não para um lote de cinquenta.
Fica no seu dispositivo
Tudo roda no seu navegador. Sua imagem é decodificada, quadrada, mascarada e codificada em PNG localmente — nada é enviado, não há conta, e nenhum servidor jamais recebe o arquivo. Carregue a página uma vez e ela funciona offline. Escolha uma imagem, recorte-a em um círculo, exporte um PNG transparente, e ele vai ficar de forma limpa onde quer que você o coloque.