O conversor de PNG para SVG da DocPivot traça a imagem e devolve um arquivo SVG com caminhos vetoriais reais, editáveis, coloridos e com a transparência do original preservada. A maioria das opções gratuitas apenas embrulha o bitmap dentro de uma tag SVG, o que não resolve nada quando a gráfica pede arquivo vetorizado. Aqui o traçado roda inteiro dentro do seu navegador, sem envio para servidor. É a saída prática para quem recebeu só o PNG do logo e precisa entregar curvas de verdade.
Visão geral do conversor de PNG para SVG da DocPivot
O que a ferramenta faz
A ferramenta lê os pixels do PNG, agrupa as cores em regiões planas e redesenha o contorno de cada região como curva de Bézier. O resultado é um SVG com um grupo por cor e um caminho por forma, cada um carregando um id próprio, que abre como camadas separadas no Illustrator, no Inkscape e no Figma. Nada é achatado em imagem: o que sai é geometria. Se você precisar do caminho inverso depois de editar, o conversor de SVG para PNG devolve o bitmap em qualquer resolução.
Quem usa e em quais situações
Designers, donos de pequenos negócios e profissionais de comunicação visual formam o público principal. O cenário mais comum no Brasil é receber do cliente apenas o PNG do logo, muitas vezes tirado do Instagram, e precisar mandar arte final para gráfica rápida, plotter de recorte, máquina de bordado ou corte a laser. Todas essas máquinas trabalham com vetor, não com pixel.
O problema e a solução
Sem vetor, o pedido trava na gráfica ou volta com o logo serrilhado. A alternativa costuma ser pagar vetorização manual sob orçamento e esperar horas ou dias pelo retorno. O traçador da DocPivot encurta esse caminho para o que dá para resolver sozinho. Com o traçado automático, um logo de 500 por 220 pixels sai em poucos segundos como SVG editável, e você só recorre ao serviço pago quando a arte é realmente complexa demais para qualquer tracer.
Principais benefícios de vetorizar seu PNG aqui
- Cor da marca mantida: o traçado é colorido de origem, então o vermelho da sua logomarca continua vermelho em vez de virar uma silhueta preta.
- Transparência intacta: os pixels transparentes ficam de fora da paleta, então o fundo vazado do PNG continua vazado no SVG.
- Arquivo enxuto: um logo simples costuma sair com poucos caminhos, o que deixa o SVG leve o suficiente para carregar direto no HTML de um site.
- Camadas editáveis: como cada cor vira um grupo e cada forma vira um caminho com id, dá para trocar uma cor ou apagar um elemento sem refazer o desenho.
- Nada sai do seu computador: o processamento é local, útil quando a marca ainda não foi lançada ou está em rebranding sob sigilo.
- Resultado estável: a semeadura da paleta é determinística, então o mesmo PNG gera sempre o mesmo conjunto de cores, sem a imagem piscar a cada ajuste de controle.
- Sem cadastro e sem paywall: a prévia e o download saem completos, sem marca d'água e sem pedir cartão. Para tratar o bitmap antes do traçado, o compressor de imagens e o recortador de imagens ficam na mesma suíte.
Funcionalidades do traçador vetorial
- Quantização k-means: agrupa os pixels em uma paleta reduzida com semeadura por ponto mais distante, o que transforma arte plana em regiões bem definidas.
- Canal alfa protegido: pixels transparentes são excluídos da paleta antes da quantização, e é exatamente por isso que a transparência sobrevive ao traçado.
- Despeckle por área: regiões menores que o limite escolhido são descartadas pelo tamanho, o que elimina sujeira de compressão sem comer detalhe legítimo.
- Detecção de cantos: mudanças de direção a partir de 45 graus são marcadas como canto, preservando quinas retas em vez de arredondar tudo.
- Ajuste de curvas por mínimos quadrados: os trechos entre cantos recebem curvas cúbicas de Bézier pelo algoritmo de Schneider com reparametrização de Newton.
- Cantos e curvas em fontes diferentes: os cantos vêm do contorno simplificado, mas as curvas são ajustadas ao contorno original, porque ajustar ao simplificado piorou a precisão nos testes.
- Ordenação por área: as formas maiores são escritas primeiro, então os furos e detalhes internos caem por cima e aparecem corretamente.
- Resolução de trabalho ajustável: o traçado roda entre 200 e 4.000 pixels conforme a predefinição, já que o custo é por pixel e ampliar vetor depois é gratuito.
- Quatro predefinições prontas: Logo, Clipart, Photo e Stencil cobrem a maioria dos casos com um toque, sem mexer em nenhum controle.
- Painel avançado recolhido: cores, detalhe e despeckle ficam guardados atrás de um painel, então a tela inicial é só a predefinição e o botão.
- Fundo manter ou remover: você decide se o fundo entra no traçado, o que ajuda quando o PNG veio com fundo branco em vez de transparente.
Como funciona o traçado passo a passo na DocPivot
- Abra o PNG. O arquivo é lido pelo navegador e nunca é enviado a nenhum servidor.
- Escolha a predefinição. Logo para logotipos e ícones, Clipart para ilustrações planas, Stencil para arte de um traço só.
- Ajuste a superfície de trabalho. A imagem é traçada em resolução reduzida e os caminhos resultantes são ampliados de volta, sem perda.
- Confira a prévia. Cada mudança de controle refaz o traçado na hora, e a paleta estável evita que a imagem oscile entre uma tentativa e outra.
- Baixe o SVG. Sai um SVG comum, com grupos por cor e caminhos com id, pronto para abrir em qualquer editor vetorial ou para virar PDF vetorial pelo conversor de SVG para PDF quando a gráfica pedir esse formato.
Quando vetorizar um PNG e quando não vale a pena
Vetorizar compensa sempre que a arte tem cores chapadas e contornos definidos, e a DocPivot foi calibrada para exatamente esse tipo de material. Logotipos, ícones, brasões, selos, mascotes simples e ilustrações em estilo flat traçam muito bem porque o algoritmo consegue separar regiões limpas. Fotografias não traçam bem, e a interface avisa isso antes do download em vez de deixar você descobrir depois.
- Logo do cliente em PNG: o caso clássico, quando o arquivo original em CDR ou AI se perdeu com a antiga agência.
- Ícone para site: um SVG de poucos caminhos pesa menos que o PNG equivalente e não serrilha em tela de alta densidade.
- Arte para adesivo: o contorno vetorial é o que a plotter de recorte segue para cortar a forma.
- Gravação a laser: a máquina calcula tempo e caminho a partir das curvas, não de pixels.
- Estampa de camiseta: serigrafia separa cores por região, e o SVG já entrega isso agrupado.
- Sinalização e fachada: ampliar um vetor para dois metros não muda nada; ampliar um PNG destrói a peça.
- Silhueta em preto: a predefinição Stencil reduz a duas cores, e o conversor de imagem para escala de cinza ajuda a preparar o PNG antes.
Fora dessa faixa, o traçado vira caso a caso. Fotos com degradê, sombra suave ou textura geram centenas de caminhos e um arquivo pesado sem ganho real. Nessas situações, redimensionar e comprimir o bitmap costuma resolver melhor que vetorizar.
Casos de uso no mercado brasileiro
MEI enviando arte para gráfica rápida
Contexto: um MEI do ramo de alimentação precisa de cartão de visita e o orçamento exige arquivo vetorizado.
- Abre o PNG do logo feito no celular e aplica a predefinição Logo.
- Confere a prévia e ajusta o número de cores para bater com a marca.
- Baixa o SVG e anexa ao pedido junto com o mockup.
Resultado: o orçamento sai no mesmo dia em vez de travar esperando vetorização terceirizada.
Estúdio de personalização com plotter de recorte
Contexto: uma loja de brindes recebe pedidos com logos em PNG de baixa resolução todos os dias.
- Traça cada logo com a predefinição Logo e o despeckle mais alto.
- Abre o SVG no Inkscape para conferir os nós e limpar o que sobrou.
- Exporta o contorno de recorte direto do arquivo vetorial.
Resultado: o tempo de preparo por pedido cai de meia hora de trabalho manual para poucos minutos.
Vendedor de marketplace padronizando a marca
Contexto: um vendedor no Mercado Livre e na Shopee precisa do mesmo logo em vários tamanhos de banner e selo.
- Vetoriza o PNG uma vez e guarda o SVG como arquivo mestre.
- Gera cada tamanho a partir do vetor, sempre nítido.
- Aplica a arte nas imagens de anúncio com o redimensionador de imagens.
Resultado: a identidade fica consistente em todos os canais, sem logo borrado em nenhum tamanho.
Time de produto trocando PNG por SVG no site
Contexto: uma equipe quer reduzir peso de página substituindo ícones PNG por vetores inline.
- Traça os ícones com poucas cores e detalhe alto.
- Insere o SVG direto no HTML e controla a cor por CSS.
- Mantém uma versão em WebP gerada a partir do SVG como alternativa para casos legados.
Resultado: ícones nítidos em qualquer densidade de tela e menos requisições de imagem por página.
Predefinições e controles: qual usar em cada arte
Cada predefinição ajusta quatro parâmetros de uma vez, e a escolha certa resolve a maior parte dos casos sem abrir o painel avançado. Use a tabela como ponto de partida e ajuste só o que destoar na prévia.
| Predefinição | Cores | Detalhe | Despeckle | Resolução de trabalho | Melhor para |
|---|---|---|---|---|---|
| Logo | 8 | 5 | 4 | 2.400 px | Logotipos, ícones, selos |
| Clipart | 16 | 5 | 8 | 2.000 px | Ilustrações planas e mascotes |
| Photo | 12 | 2 | 64 | 1.000 px | Imagens complexas, com ressalvas |
| Stencil | 2 | 5 | 16 | 2.400 px | Silhuetas, estêncil, traço único |
Nos controles manuais, cores aceita de 2 a 32, detalhe vai de 0 a 10 e o despeckle define a área mínima que uma região precisa ter para sobreviver. Subir cores demais em um logo simples não melhora nada e só engorda o arquivo. Se o PNG de origem estiver em outro formato, o conversor de imagens normaliza antes, e há traçadores irmãos para converter JPG em SVG, converter WebP em SVG e vetorizar qualquer imagem.
O que a gráfica brasileira aceita e onde o SVG entra
Gráficas rápidas, plotters e serviços de corte no Brasil trabalham com uma lista curta de formatos vetoriais: CDR, AI, EPS, DXF, PLT, PDF vetorial e SVG. O SVG é aceito diretamente por boa parte delas e abre sem problema no CorelDRAW e no Illustrator, de onde você exporta para o formato específico que o fornecedor pedir. Quando o pedido é "logo em curvas", o que estão pedindo é justamente um arquivo em que as formas são geometria, e não pixels.
Pontos essenciais:
- Confirme o formato antes: alguns fornecedores só aceitam CDR ou DXF e fazem a conversão internamente.
- Envie o PDF junto: um JPG do SVG serve como referência visual para aprovação rápida por WhatsApp.
- Guarde o SVG como mestre: dele saem todas as versões, inclusive PNG em WebP para o site.
Processamento local e o que isso significa na prática
O arquivo não sai do seu computador em nenhum momento do traçado. Como não há upload, servidor intermediário nem armazenamento temporário, o material simplesmente não circula, o que reduz de forma concreta a superfície de exposição de uma marca ainda não divulgada ou de arte sob contrato de sigilo. Isso não é um certificado de conformidade com a LGPD, e nenhuma ferramenta pode oferecer um: conformidade depende de como a sua empresa trata dados no conjunto. Mas processamento local elimina uma etapa inteira de transferência que costuma ser o ponto frágil em conversores online.
Se o PNG carrega metadados que você prefere não repassar ao cliente, vale limpar o bitmap com o removedor de metadados de fotos antes de qualquer envio.
Limitações honestas do traçado automático
Nenhum tracer automático substitui redesenho manual em arte complexa, e vale dizer isso antes de você gastar tempo. Fotografias, degradês suaves, sombras e texturas geram muitos caminhos e resultados pouco úteis. Tipografia fina em PNG de baixa resolução perde definição nas serifas e em contrapunções pequenas. Traços de lápis digitalizados costumam sair irregulares.
- Não recupera o que não existe: se o PNG está borrado, o vetor herda o borrão em forma de curva.
- Não converte texto em fonte: letras viram formas, o que é o esperado para gráfica, mas impede reeditar o texto.
- Predefinição Photo é um recurso limite: existe para casos específicos, não como recomendação geral.
Sobre desempenho comparativo, uma observação com escopo claro: em teste feito em 21 de agosto de 2026 com um único PNG transparente de 500 por 220 pixels, o traçado saiu com 7.240 bytes, 8 caminhos, a cor da marca preservada e cobertura alfa de 32%, idêntica à do original. Entre os conversores gratuitos avaliados no mesmo arquivo, um devolveu resultado bitonal e perdeu a cor da marca, outro entregou cerca de 103 KB em 964 caminhos e inflou a cobertura alfa em dez pontos, e a opção de melhor qualidade mantinha o download atrás de assinatura. Esses números descrevem aquele arquivo específico naquela data e não são garantia de resultado para qualquer imagem.
Perguntas frequentes
É uma ferramenta que transforma a imagem em pixels do PNG em formas geométricas descritas por curvas matemáticas. O resultado é um arquivo escalável e editável, diferente de um PNG apenas renomeado ou embutido dentro de um SVG.
É vetor de verdade, com caminhos traçados a partir das regiões de cor da imagem. Você pode abrir o arquivo no Illustrator ou no Inkscape e selecionar cada forma individualmente, o que não acontece com um bitmap embutido.
Sim, os pixels transparentes ficam fora da paleta de cores antes do traçado. Por isso o fundo vazado continua vazado no SVG, com a mesma cobertura do arquivo de origem.
O traçado é colorido por padrão e aceita de 2 a 32 cores. Você reduz para duas cores usando a predefinição Stencil quando quiser silhueta.
Fotografias não são um bom caso de uso para traçado automático. Existe a predefinição Photo, mas o resultado tende a ficar pesado e impreciso, e a própria interface sinaliza isso.
Não, a ferramenta roda no navegador sem instalação e sem cadastro. Também não há chave de API nem marca d'água no arquivo baixado.
Não, todo o processamento acontece localmente no seu navegador. O PNG não é transmitido, o que interessa quando a arte ainda não foi divulgada publicamente.
Muitas gráficas e serviços de corte aceitam SVG diretamente, mas isso varia por fornecedor. O SVG abre no CorelDRAW e no Illustrator, de onde você exporta para CDR, AI, EPS ou DXF conforme o pedido.
Use a predefinição Logo, que trabalha com 8 cores e detalhe alto em resolução de 2.400 pixels. Se o logo tiver mais variação cromática, aumente as cores no painel avançado e compare na prévia.
Isso normalmente indica que a imagem tem degradê, ruído ou textura demais para traçado limpo. Aumente o despeckle, reduza o número de cores ou trate o PNG antes com o conversor de PNG para JPG para achatar variação sutil.
Não, o texto vira forma vetorial durante o traçado. Isso é justamente o que a gráfica pede quando fala em converter fontes em curvas, mas significa que você não consegue reescrever a palavra no arquivo.
Sim, o SVG traçado serve como base para ícones de interface e favicon. Para gerar os tamanhos e formatos que os navegadores esperam, use o gerador de favicon.
Sim, a semeadura da paleta é determinística e produz o mesmo conjunto de cores a cada execução. Isso evita que a prévia mude sozinha enquanto você ajusta os controles.
