Entra transparente, sai transparente
PNG e WebP podem guardar um canal alfa — a opacidade de cada pixel. JPEG não pode. Quando você envia um PNG ou WebP, o traçado decodifica o alfa e só dá uma cor aos pixels mais da metade opacos. Os pixels abaixo disso não pertencem a nenhuma cor e não geram nenhum caminho, então a área vazia em volta de um logo recortado continua vazia no SVG. O <svg> gerado não tem nenhum retângulo de fundo; o que estiver por baixo dele aparece.
Você pode conferir isso na prévia: o painel de resultado desenha os caminhos traçados sobre um fundo xadrez, e as regiões transparentes mostram o xadrez, e não uma caixa branca.
Os pixels semitransparentes são tratados em duas etapas. Primeiro, cada pixel está ou não está numa cor, com o corte na metade da opacidade: a borda suave e suavizada (antialiasing) de um logo é cortada ali, então o contorno cai onde a borda está meio coberta. Depois, cada cor mantém a opacidade da sua tinta, medida dentro das formas, e não na borda suave. Uma tinta sólida é gravada totalmente opaca, então um texto preto num logo transparente continua preto, e não um cinza mais claro. Uma cor que é translúcida na imagem original — uma sombra projetada suave ou uma sobreposição colorida — é gravada com essa opacidade como fill-opacity; assim, a sombra vira uma única forma chapada, uniformemente semitransparente (por exemplo, com 54 % de opacidade). O que um traçado não consegue manter é o esmaecimento em si: a parte externa e fraquinha da sombra, abaixo da metade da opacidade, fica de fora, e a forma resultante tem uma borda nítida e uma opacidade única, em vez de um esmaecimento gradual.
Um PNG transparente do nosso logo de lontra com uma sombra projetada suave adicionada (à esquerda), o SVG traçado a partir dele sobre um fundo xadrez (no meio) e sobre uma cor (à direita). Não há caixa de fundo, o branco dos olhos foi mantido e a sombra virou formas chapadas com 60 % de opacidade, com bordas nítidas onde o PNG tinha um esmaecimento.
Por que os detalhes brancos sobrevivem à remoção de fundo
"Remover fundo" trabalha das bordas da imagem para dentro. Ele olha uma faixa ao longo da borda da imagem, pega as uma ou duas cores que cobrem cada uma pelo menos 15 % dessa faixa e, a partir das bordas, marca como transparente todo pixel conectado dessas cores — e de cores próximas a elas. Depois ele também limpa a franja suave onde esse fundo encontra a arte (pixels logo ao lado da área removida que ainda estão próximos da cor do fundo) e pontinhos pequenos que encostam na borda da imagem. Tudo o que não está conectado à borda fica intacto — o miolo branco de um "A", o brilho branco numa insígnia, o espaço branco entre duas listras.
Isso é de propósito: um detalhe branco de um logo, cercado por uma arte mais escura, continua lá depois da remoção. Se você já viu outras ferramentas apagarem todos os pixels brancos, é uma técnica diferente (chroma key por cor), e é por isso que o "remover fundo" de outros lugares pode deixar um design oco.
O outro lado: se a região branca fechada estiver conectada à borda — porque o contorno tem uma abertura de nem que seja um pixel —, a remoção entra pela abertura e apaga essa região. Conserte a abertura na imagem original ou deixe a remoção desligada e exclua o caminho do fundo no editor depois.
Arte branca sobre fundo branco
O traçado não consegue separar cores idênticas. Um ícone branco exportado sobre uma tela branca é, para o traçado, uma única região branca, e o resultado é um retângulo branco só ou uma conversão vazia ("Não foi possível gerar caminhos vetoriais"). Resolva antes de enviar:
- Em qualquer editor de imagens, coloque o ícone sobre um fundo sólido e bem contrastante (cinza-escuro ou uma cor que não aparece no ícone).
- Envie com Remover fundo ativado. O fundo está conectado às bordas, então ele sai; o ícone branco fica.
- Se o ícone tem áreas transparentes fechadas que precisam continuar transparentes, exporte-o como PNG com alfa de verdade, assim nenhum fundo é necessário.
Conferindo o alfa no resultado
- Abra o SVG baixado num navegador: o fundo da página (branco por padrão) aparece nas áreas transparentes.
- Rasterize-o com a ferramenta SVG para PNG — a saída é RGBA e mantém a transparência.
- Abra o arquivo num editor de texto: não há nenhum caminho de fundo do tamanho inteiro, a não ser que a imagem original tivesse um fundo opaco e a remoção estivesse desligada.
Outros comportamentos que vale conhecer
- A predefinição Line art / Estêncil avalia cada pixel pelo brilho que ele teria sobre papel branco: o escuro vira tinta preta, o claro vira papel branco e as áreas transparentes continuam transparentes. Por isso uma arte branca sai como papel branco, e não como tinta, e a borda semitransparente de uma linha escura sobre fundo transparente fica de fora, em vez de virar um halo claro.
- O PNG da prévia tem marca d'água e é rasterizado; só o SVG desbloqueado traz os caminhos vetoriais e a transparência de verdade.