Editar SVG online: mude cores e remova fundos sem instalar nada

1. O que o editor SVG online é capaz de fazer

A primeira reação de muita gente ao editar SVG é instalar o Illustrator, mas para necessidades leves como trocar uma cor, remover um fundo ou apagar elementos, um editor online resolve por completo. O editor SVG online da PolySVG roda no navegador, é gratuito, dispensa instalação e cadastro, e trabalha em nível de caminho: apagar com o clique, remover o fundo em um clique, pintar com o pincel, apagar com a borracha baseada em máscara, trocar cores, desfazer e refazer, e por fim exportar SVG ou PNG. Você pode enviar um SVG diretamente ou trazer o resultado da ferramenta imagem para SVG com um clique. Para designers, ele serve para a limpeza final antes da entrega; para desenvolvedores, para ajustar rapidamente a cor e o tamanho de um ícone antes de integrá-lo à página.

2. Troca de cor: dar ao ícone a cor do tema

Clique no bloco de cor do canvas para selecionar o caminho correspondente e depois troque a cor de preenchimento no painel de cores. Cenários típicos: trocar a mesma família de ícones entre tema claro e escuro, calibrar um logotipo vetorizado na cor da marca ou unificar a paleta de materiais de origens diferentes. Comparado a procurar a propriedade fill no código, a troca por clique é muito mais intuitiva e também corre menos o risco de atingir outros caminhos por engano.

3. Remoção de fundo: automática mais apagamento manual

Clique em "Remover fundo em um clique": o motor detecta a cor dominante das bordas e remove a camada de fundo, e um SVG de fundo branco fica transparente na hora. Caminhos de fundo que sobrarem podem ser selecionados com o mouse e apagados. Se o material ainda for um bitmap, use direto a ferramenta de remoção de fundo com conversão para vetor, que faz a conversão e a remoção em um só passo, e depois entre no editor para a limpeza fina.

4. Pincel e borracha: repintar e apagar

O pincel faz adição: repinta os traços que faltam, com o traço vetorizado automaticamente em um novo caminho, fundindo-se ao desenho original, o que é ideal para consertar traços interrompidos depois da vetorização de um logotipo. A borracha faz subtração: apaga uma área com máscara, sem destruir os dados originais dos caminhos, e o que for apagado demais pode ser desfeito a qualquer momento. As duas ferramentas funcionam em conjunto com desfazer/refazer, então é seguro experimentar. Os traços do pincel entram no arquivo como caminhos independentes, que também podem ser clicados e recoloridos depois; o efeito da máscara da borracha é aplicado na exportação, e o SVG exportado fica igual ao que você vê no canvas.

5. Desfazer, refazer e exportação

O editor guarda o histórico completo de operações: errou, desfaça; mudou de ideia, refaça. Ao terminar, exporte SVG para a web ou para continuar editando, ou exporte PNG para inserir em documentos e criar imagens de pré-visualização. Para saber como abrir e visualizar arquivos SVG, veja Como abrir um arquivo SVG; o acesso direto ao editor é /editor. Ao exportar PNG, escolha uma resolução suficiente para não ficar desfocado no documento; para a web, prefira SVG, que preserva a natureza vetorial.

6. Referência rápida dos cenários mais comuns

• Ícone com a cor do tema: clique no caminho e troque o preenchimento, exportando uma versão para o tema claro e outra para o escuro;
• Material de fundo branco transparente: remova o fundo em um clique, apague os caminhos restantes e exporte o SVG transparente;
• Consertar traços de um logotipo: repinte com o pincel ao longo da falha, deixe o traço ser vetorizado e unifique as cores depois;
• Apagar elementos desnecessários: clique nos blocos de cor que não precisa e apague um a um, usando a borracha nos detalhes de borda;
• Imagem para documento: depois de editar, exporte um PNG e insira no Word, no PPT ou em uma conversa.