Original
Original
Dimensões-
Tamanho-
Ferramenta / Imagens
Removedor de Fundo de Imagem
Use a Kitly para deixar fundos de imagem transparentes em fotos de produto, perfil, documentos e assets web. Os pixels são processados no navegador; a primeira execução com modelo pode baixar arquivos de terceiros.
Selecione uma imagem para começar.
Transparente
Transparente
Dimensões-
Tamanho-
SaídaPNG
Informar um problema nesta ferramenta
Isto abre um email para a Kitly. Nada é enviado até você mandar a mensagem pelo seu aplicativo de email.
Não inclua senhas, nomes de arquivo, conteúdo de arquivos, JSON colado, URLs de destino, conteúdo de QR, códigos curtos ou outros segredos.
Como remover o fundo de uma imagem
Uma imagem original limpa dá ao modelo de segmentação melhores condições para separar o assunto do ambiente.
-
Escolha uma imagem clara
Selecione uma foto em que o assunto principal esteja visível e razoavelmente separado do fundo.
-
Deixe o navegador processar
Inicie a remoção e mantenha a página aberta enquanto o modelo local identifica o primeiro plano. A primeira execução pode demorar mais durante o carregamento dos recursos.
-
Confira as bordas
Observe cabelos, objetos transparentes, sombras e detalhes finos na prévia antes de baixar o PNG transparente.
Como conseguir um recorte mais limpo
- Use uma imagem bem iluminada e com contraste forte entre assunto e fundo.
- Recorte objetos sem relação com a cena antes do processamento para dar mais espaço ao assunto principal.
- Confira o resultado sobre fundos claros e escuros antes de usá-lo em uma peça final.
Onde a remoção automática pode falhar
- Cabelo, pelos, vidro, fumaça, desfoque de movimento e fundos parecidos com o assunto podem gerar bordas imperfeitas.
- A ferramenta cria uma primeira versão automática e ainda não oferece pincel manual para apagar ou restaurar áreas.
- Arquivos PNG transparentes podem ficar maiores do que JPEG ou WebP comprimidos mesmo depois da remoção do fundo.
Orientações práticas
Estes exemplos comparam a segmentação por modelo com a alternativa de cor e borda em dois desenhos originais: um quadrado vermelho sobre branco e um anel vermelho cujo centro é um vão branco fechado. Leia a linha do método na página. Os downloads abaixo são os dois caminhos gravados separadamente.
A remoção de fundo precisa de JavaScript para o navegador executar o modelo de segmentação ou a alternativa local. O primeiro uso do modelo pode baixar arquivos do modelo. Os pixels medidos, as escolhas de método e a solução de problemas abaixo continuam legíveis sem JavaScript. Sua imagem continua sendo processada no navegador.
Recortes medidos
As duas entradas são arquivos sintéticos sobre um campo branco. Não são retratos. Os valores dos pixels vêm do PNG reaberto. Medido no Headless Chrome 154.0.8037.99 no macOS. A chamada do modelo é removeBackground() de @imgly/background-removal 1.7.0 com os padrões, a mesma chamada da página. A alternativa é o passe de cor e borda da página, com suavidade 22 e sem amostras extras. Não há controle de pincel.
Um quadrado vermelho sobre branco: franja do modelo contra suavização da alternativa
O modelo manteve a cor do quadrado e deixou uma franja branca suave. A alternativa limpou o branco externo por completo e reduziu a borda do quadrado ao alfa 85.
Entrada
simple-square.png · 40 × 40 · 133 bytes
Campo branco. Quadrado vermelho (220, 32, 32) de x 12–27 e y 12–27.| Modelo | @imgly/background-removal 1.7.0, removeBackground() padrão |
|---|---|
| Alternativa | Máscara de cor ligada à borda, suavidade 22, sem amostras extras |
| Navegador | Headless Chrome 154.0.8037.99 |
| Tempo do modelo | 11812 ms, incluindo o download do modelo no primeiro uso desta sessão |
Pixels reabertos
PNG do modelo · 40 × 40 · 536 bytes
Canto (0, 0): 255, 255, 255, 1
Logo fora do quadrado (11, 20): 255, 255, 255, 77
Borda do quadrado (12, 20): 220, 32, 32, 254
Centro (20, 20): 220, 32, 32, 254
PNG da alternativa · 40 × 40 · 247 bytes
Canto (0, 0): 0, 0, 0, 0
Logo fora (11, 20): 0, 0, 0, 0
Borda do quadrado (12, 20): 219, 33, 33, 85
Centro (20, 20): 220, 32, 32, 255O que conferir
Num assunto simples, o modelo é o recorte mais fiel: a borda permanece 220, 32, 32 com alfa 254, quase opaca. Ela não termina em alfa 0. Um pixel fora do quadrado continua branco com alfa 77, e o canto é branco com alfa 1. A alternativa apaga o campo branco conectado, inclusive esse pixel externo, mas suaviza a borda do quadrado até o alfa 85 e a desloca para 219, 33, 33. O centro permanece exato. A página rotularia uma chamada bem-sucedida do modelo como “A segmentação por modelo foi usada.” Não há pincel para pintar a franja de volta.
Ressalvas
- A ferramenta baixa um arquivo, chamado simple-square-transparent.png, e mostra qual método rodou. Os exemplos estão separados em simple-square-model.png e simple-square-fallback.png.
- 11812 ms é a primeira chamada do modelo nesta sessão headless, não uma promessa para cada visita. Os arquivos do modelo podem já estar em cache.
- Uma prévia quadriculada pode esconder um alfa de 1 ou 77. Amostre o canto e o pixel logo fora do assunto.
Arquivos do exemplo
- Baixar simple-square.png Entrada. Campo branco original de 40 × 40 com um quadrado vermelho central, 133 bytes.
- Baixar simple-square-model.png Saída. PNG da segmentação por modelo, 536 bytes, com uma franja branca suave.
- Baixar simple-square-fallback.png Saída. PNG da alternativa por cor e borda, 247 bytes, com a borda vermelha suavizada.
Um anel vermelho: o modelo limpa o vão e a alternativa o deixa branco
O assunto difícil é um anel vermelho em volta de um centro branco fechado. O modelo removeu esse vão. A alternativa removeu só o branco que toca a borda externa, então o vão continuou opaco.
Entrada
difficult-ring.png · 48 × 48 · 245 bytes
Campo branco. Anel vermelho (220, 32, 32) onde a distância ao centro fica entre 8 e 16 pixels. O meio é branco fechado.| Modelo | @imgly/background-removal 1.7.0, removeBackground() padrão |
|---|---|
| Alternativa | Só a máscara de cor conectada à borda |
| Navegador | Headless Chrome 154.0.8037.99 |
| Tempo do modelo | 7118 ms na mesma sessão, depois do quadrado |
Pixels reabertos
PNG do modelo · 48 × 48 · 1340 bytes
Canto (0, 0): 255, 255, 255, 1
Vão (24, 24): 0, 0, 0, 0
Anel (24, 12): 220, 32, 32, 254
Pixel externo do anel (24, 8): 220, 32, 32, 254
PNG da alternativa · 48 × 48 · 611 bytes
Canto (0, 0): 0, 0, 0, 0
Vão (24, 24): 255, 255, 255, 255
Anel (24, 12): 220, 32, 32, 255
Pixel externo do anel (24, 8): 219, 33, 33, 85O que conferir
O vão é a verificação que importa. O pixel central do modelo é transparente. O pixel central da alternativa continua branco opaco, porque esse branco não toca a borda da imagem e a máscara nunca chega lá. A alternativa também suaviza o pixel externo do anel até o alfa 85. O modelo mantém esse mesmo pixel no alfa 254. Use a linha do método: se ela disser que a alternativa de cor e borda rodou, espere que vãos fechados da cor do fundo sobrevivam. Esta página não tem pincel manual para abrir o vão depois.
Ressalvas
- Este anel é um desenho de borda dura. Ele não mede cabelo, vidro nem pelo.
- A segunda chamada do modelo foi mais rápida nesta sessão. Isso não separa o tempo de download da inferência para cada usuário.
- O único download da ferramenta se chamaria difficult-ring-transparent.png. Os exemplos mantêm os arquivos do modelo e da alternativa separados.
Arquivos do exemplo
- Baixar difficult-ring.png Entrada. Anel vermelho original de 48 × 48 sobre branco, com um vão branco fechado, 245 bytes.
- Baixar difficult-ring-model.png Saída. PNG do modelo, 1340 bytes, com o pixel do vão transparente.
- Baixar difficult-ring-fallback.png Saída. PNG da alternativa, 611 bytes, com o pixel do vão ainda branco opaco.
Confie na linha do método e depois confira a borda
O guia já diz para começar com uma imagem clara e conferir as bordas. Estas escolhas seguem os dois caminhos medidos. Nenhum dos dois acrescenta um pincel.
Segmentação por modelo
Use quando: A linha do resultado diz “A segmentação por modelo foi usada.” No quadrado, a borda do assunto ficou no alfa 254. No anel, o vão fechado ficou transparente.
Trocas: As bordas podem guardar uma franja branca. O pixel externo do quadrado ficou no alfa 77, e os dois cantos ficaram brancos no alfa 1. A primeira chamada nesta sessão levou 11812 ms e pode baixar arquivos do modelo. Os pixels permanecem no navegador.
Alternativa por cor e borda
Use quando: A linha do resultado diz que o modelo não estava disponível e que a alternativa de cor e borda foi usada. Ela limpou o branco externo nos dois arquivos.
Trocas: É um resultado mais estreito. A borda do quadrado caiu para o alfa 85. O vão fechado do anel continuou 255, 255, 255, 255. Cores parecidas do primeiro plano podem ser removidas quando se conectam à borda; esse caso não teve um arquivo próprio aqui.
Sem pincel manual
Use quando: Você está decidindo se esta página consegue terminar um recorte sozinha.
Trocas: Não consegue. Não há pincel para apagar ou restaurar. Se a franja ou o vão restante for inaceitável, edite o PNG em outro lugar.
O que conferir depois da linha do método
Uma prévia limpa no meio do assunto não basta. Estes são os pixels que falharam ou só funcionaram em parte nesta sessão.
Problema: O canto está quase transparente, mas não é alfa 0.
Causa provável: O modelo deixou branco com alfa 1 no canto dos dois arquivos. Uma prévia quadriculada pode fazer isso parecer limpo.
O que fazer: Abra o PNG e leia o alfa do canto. Se você precisar de um canto estritamente vazio, os arquivos da alternativa neste teste eram 0, 0, 0, 0 ali, com a troca de borda abaixo.
Problema: Há um halo logo fora do assunto.
Causa provável: No quadrado, o pixel (11, 20) do modelo era branco com alfa 77.
O que fazer: Veja o PNG sobre um fundo claro e um fundo escuro. A página não consegue apagar essa franja com pincel.
Problema: A borda do assunto parece fina ou acinzentada.
Causa provável: A alternativa a suavizou. A borda do quadrado passou de 220, 32, 32, 255 para 219, 33, 33, 85. O pixel externo do anel fez o mesmo.
O que fazer: Se a linha do método citar a alternativa, trate o recorte como adequado sobretudo a um fundo simples e uniforme. Execute de novo quando o modelo puder carregar se você precisar do alfa de borda mais alto visto nos arquivos do modelo.
Problema: Um vão dentro do assunto continuou branco.
Causa provável: A alternativa só avança a partir da borda da imagem. O centro do anel não toca essa borda, então continuou branco opaco. O pixel central do modelo era transparente.
O que fazer: Confira a linha do método. Vãos fechados são o caso difícil nesta página. Não há pincel para apagar o branco restante.
Problema: A primeira execução fica em “Removendo…” por muito tempo.
Causa provável: O modelo pode ser baixado no primeiro uso. A primeira chamada bem-sucedida do modelo nesta sessão levou 11812 ms. A chamada seguinte, no anel, levou 7118 ms.
O que fazer: Mantenha a aba aberta. A nota acima da prévia diz que a imagem em si permanece no navegador. Se o modelo não carregar, a página muda para a alternativa e informa isso.
Problema: Você esperava um pincel e não há nenhum.
Causa provável: O controle é uma única ação de remover. A restauração não está implementada.
O que fazer: Baixe o PNG e edite a borda em outro programa, ou escolha uma origem com contorno mais claro.
Referências dos dois caminhos
Os valores dos pixels vêm dos PNGs vinculados. O link da biblioteca documenta o modelo que a página importa.
- @imgly/background-removal A biblioteca de segmentação no navegador, na versão 1.7.0. A página chama removeBackground() com os ajustes padrão.
- HTMLCanvasElement.toBlob Codificação PNG usada no resultado da alternativa e na leitura dos arquivos reabertos.
Perguntas frequentes
O removedor de fundo envia minha imagem?
A imagem selecionada fica no seu dispositivo. A primeira execução com modelo pode baixar recursos ONNX e WebAssembly da IMG.LY. Se isso falhar, uma alternativa mais limitada por cor e borda roda e aparece identificada na página.
Que tipos de fundo funcionam melhor?
O caminho do modelo funciona melhor quando o assunto é visualmente distinto do fundo. A alternativa serve principalmente para fundos uniformes simples e pode remover cores parecidas no primeiro plano.
Ele remove fundos complexos automaticamente?
A segmentação por modelo lida com muitos fundos complexos melhor do que a alternativa por cor e borda, mas cenas carregadas, cabelo, vidro e vãos fechados ainda podem falhar. Não há pincel para restaurar.
Como sei se rodou o modelo ou a alternativa?
Leia a linha abaixo do resumo do arquivo. “A segmentação por modelo foi usada.” significa que a chamada de @imgly/background-removal funcionou. A outra linha diz que a alternativa de cor e borda rodou porque o modelo não estava disponível. Os arquivos do quadrado e do anel acima mostram as duas saídas.
Posso pintar de volta uma borda ou um vão que a ferramenta removeu?
Não. Não há pincel manual para apagar ou restaurar. No anel medido, só o modelo limpou o vão branco fechado; a alternativa deixou esse pixel branco opaco.