Tornar o Fundo da Imagem Transparente

Logos sobre branco, fotos de produtos sobre um fundo infinito, assinaturas no papel e quadros de tela verde têm uma coisa em comum: um fundo de uma única cor. Esta ferramenta encontra essa cor, deixa-a transparente com bordas suaves e limpas e pode colocar uma nova cor sólida ou outra imagem atrás do seu assunto. Ela roda no navegador com contas simples de cor, então é rápida e privada — e honesta sobre os seus limites.

Como usar esta ferramenta

1. Escolha uma ou mais imagens com fundo liso.
2. Deixe a cor do fundo em “Detectar pelas bordas” ou escolha branco, preto, tela verde, tela azul ou uma cor hex personalizada.
3. Ajuste a tolerância (quão próxima uma cor precisa ser para contar como fundo) e a borda suave para contornos com antisserrilhado.
4. Mantenha “Só o fundo que toca as bordas” para que partes da mesma cor dentro do seu assunto sobrevivam; mude para “todo pixel correspondente” para limpar também buracos, como o interior da letra O.
5. Mantenha transparente (PNG ou WebP) ou escolha uma nova cor ou imagem de fundo e baixe.

Fórmula

distância = √((R − Rₖ)² + (G − Gₖ)² + (B − Bₖ)²) ÷ 441,7 × 100%

Os pixels dentro da tolerância ficam totalmente transparentes; os que estão entre a tolerância e a tolerância + borda suave recebem transparência parcial a, e a cor deles é separada do fundo por F = K + (C − K) ÷ a, o que remove o contorno colorido. Em telas verdes ou azuis, o reflexo nas bordas é reduzido limitando o canal da cor ao maior dos outros dois. 441,7 = √3 × 255 é a maior distância RGB possível.

Exemplo

Uma foto de produto de 1200 × 1200 px sobre branco puro com tolerância de 15% e borda suave de 8% trata todo pixel a até 66 unidades RGB do branco como fundo (15% de 441,7) e esmaece os que estão a até 102 unidades. Uma sombra cinza-clara em (225, 225, 225) está a 52 unidades do branco, então também some; defina a tolerância e a borda suave em 5% cada (44 unidades no total) para mantê-la.