Command Palette

Search for a command to run...

CO

Conversor PNG para SVG

Trace um logotipo ou ícone PNG em um SVG de formas preenchidas com 2, 8 ou 16 cores Ele não recupera o design vetorial original, e as fotos dão SVGs grandes e manchados

PNGtoSVGConverts as soon as you add files
Colors
Detail

Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

O que é um conversor PNG para SVG?

Um conversor PNG para SVG traça uma imagem raster em formas vetoriais preenchidas Ele não recupera um design vetorial original: as formas são reconstruídas a partir dos pixels, então as bordas são uma aproximação Logotipos, ícones, arte de linha e outras obras de arte planas com poucas cores traçam bem As fotos não; elas se transformam em SVGs grandes e manchados que podem ser muitos megabytes, às vezes dezenas de megabytes, muito maiores do que o PNG com o qual você começou.

A diferença entre os dois formatos explica porque isso vale a pena fazer de todo Um PNG armazena uma grade fixa de pixels, então ampliá-lo torna as bordas em blocos Um SVG armazena contornos descritos como caminhos e preenchidos com cor, que um navegador ou aplicativo de design redesenha de forma limpa em qualquer tamanho Um SVG rastreado pode entrar em uma página da web, ser recolorido em um editor de vetores ou ser lido por uma máquina de corte ou gravador a laser que funciona a partir de contornos.

O rastreamento acontece em duas etapas Primeiro a imagem é reduzida a uma pequena paleta, o número que você escolhe em Cores Em seguida, o traçador caminha pela borda de cada área da mesma cor e se encaixa em linhas retas e curvas para ele, produzindo um caminho preenchido por área Cada caminho também obtém um contorno de 1 pixel em sua própria cor, que fecha as lacunas da linha do cabelo que, de outra forma, apareceriam entre as formas vizinhas.

Duas configurações moldam o resultado As cores são 2, 8 (o padrão) ou 16. o detalhe é Baixo, Médio (o padrão) ou Alto: Baixo desfoca a imagem um pouco primeiro, ajusta curvas mais soltas e deixa cair formas menores que uma partícula, dando arquivos mais simples e menores, enquanto Alto segue os pixels de perto e mantém formas minúsculas Alterando qualquer configuração rastreia cada arquivo adicionado novamente, e cada linha mostra o novo tamanho SVG ao lado do tamanho PNG, para que você possa comparar as configurações antes de baixar.

O rastreamento é executado no lado do cliente em um Web Worker em segundo plano usando o imagetracerjs, que é baixado somente quando você adiciona o primeiro arquivo, para que a página permaneça responsiva e nenhuma imagem seja carregada Imagens com mais de 1200 pixels em ambos os lados são reduzidas antes do rastreamento para que o trabalho termine em segundos, e o SVG ainda está configurado para abrir na largura e altura originais Um rastreamento que leva mais de dois minutos é interrompido com uma mensagem sugerindo menos cores ou menos detalhes PNGs de até 100 megapixels são aceitos, áreas transparentes tornam-se formas transparentes e a ferramenta é gratuita, sem inscrição, com um limite diário para conversões.

Como converter PNG para SVG

  1. Adicione seus arquivos PNG

    Solte imagens PNG na caixa, ou clique para fazer upload Vários arquivos de uma vez é bom, e cada um é rastreado assim que é adicionado Logotipos, ícones e gráficos planos dão os resultados mais limpos.

  2. Defina cores e detalhes

    Escolha 2 cores para arte em preto e branco, 8 para a maioria dos logotipos e 16 para gráficos sombreados. Comece nos detalhes médios. Alterar qualquer configuração rastreia cada arquivo novamente com os novos valores.

  3. Verifique o traço

    Cada linha mostra o SVG traçado como uma miniatura, seu status e uma linha de tamanho com o tamanho antes e depois e quanto menor ou maior é o SVG Clique na miniatura para abrir o SVG grande e alternar entre Antes e Depois Se as bordas parecerem irregulares ou o arquivo for muito grande, altere uma configuração e olhe novamente.

  4. Baixe os arquivos SVG

    Pressione o ícone de download em uma linha para salvar esse SVG ou Baixe tudo no cabeçalho da lista para salvar um lote como convertido-svg.zip.

Por que converter PNG para SVG?

O rastreamento vale a pena quando a imagem é simples e você precisa que ela seja dimensionada ou que seja lida como contornos Para qualquer coisa fotográfica, mantenha a PNG.

Um logotipo que só existe como PNG

O arquivo vetorial original é muitas vezes perdido, e tudo o que resta é um PNG puxado de um site ou uma assinatura de e-mail O rastreamento dá-lhe um SVG que escala para um banner ou um trabalho de impressão sem bordas em blocos Verifique as curvas e o pequeno texto de perto, uma vez que são reconstruídos a partir de pixels em vez de copiados do arquivo do designer.

Máquinas de corte, gravadores e software de bordado

Cortadores de vinil, gravadores a laser e muitas ferramentas artesanais seguem caminhos, não pixels Um traço de 2 cores de uma silhueta, um estêncil ou um monograma transforma cada área escura em uma forma fechada que a máquina pode cortar.

Ícones e ilustrações para a web

Um ícone plano rastreado até SVG permanece nítido em telas de alta densidade e pode ser recolorido com CSS. Se mais tarde você precisar de uma versão em pixel em um tamanho definido, [renderize o SVG de volta para PNG] (/tools/svg-to-png).

PNG vs SVG rastreada: qual usar

Uma imagem PNG comparada com uma SVG traçada a partir dela
pngSVG rastreado
O que armazenaUma grade de pixels.Formas preenchidas traçadas a partir desses pixels. Não o design vetorial original.
escaladaBloqueado ou embaçado quando aumentado.Redesenha de forma limpa em qualquer tamanho.
CoresMilhões, com gradientes suaves.2, 8 ou 16 cores planas Os gradientes tornam-se bandas.
transparênciaCanal alfa completo.Áreas transparentes traçadas como formas transparentes.
Logotipos e íconesTudo bem no tamanho em que foi salvo.Bom ajuste: bordas limpas, fáceis de recolorir.
fotosBom ajuste, e geralmente o arquivo menor.Fraco ajuste: SVGs grandes e manchados, às vezes dezenas de megabytes.
EdiçãoEditores pixel.Editores vetoriais, software de corte e gravação, código.

Como as Cores e Detalhe alteram o traço

Cada configuração é uma troca entre o quão fiel o SVG parece e quantas formas ele contém Mais formas significa um arquivo maior e mais limpeza em um editor de vetores.

Cores: 2, 8 ou 16

A imagem é reduzida a essas muitas cores antes de traçar Duas cores se adequa a logotipos em preto e branco, estênceis, assinaturas e arte de linha Oito lida com a maioria dos logotipos planos com algumas cores de marca e algumas bordas anti-aliased Dezesseis mantém mais sombreamento, ao preço de muitas outras formas pequenas ao longo de cada borda macia.

Detalhe: Baixo, Médio ou Alto

Baixo detalhe desfoca a imagem ligeiramente, ajusta curvas frouxamente e joga fora formas minúsculas, o que dá contornos suaves e arquivos pequenos Médio se encaixa curvas dentro de cerca de um pixel Alto segue os pixels de perto e mantém formas pequenas, por isso preserva traços finos, mas também pega ruído.

Por que as fotos dão errado

Uma foto tem gradientes suaves e textura em todos os lugares, então mesmo em 16 cores ela se divide em milhares de patches irregulares Cada patch se torna um caminho com suas próprias coordenadas, e o SVG pode acabar muitas vezes do tamanho do PNG enquanto parece uma cópia posterizada Isso é um limite de rastreamento, não uma configuração que você pode corrigir.

Privacidade e segurança

  • O PNG é decodificado e traçado dentro desta guia do navegador, em um trabalhador em segundo plano A imagem nunca é carregada.
  • A biblioteca imagetracerjs é carregada a partir deste site somente quando você adiciona o primeiro arquivo.
  • O SVG é construído apenas a partir de caminhos traçados, sem scripts, links ou cópia incorporada do PNG original.
  • A verificação de uso diário envia o nome da ferramenta, um identificador de dispositivo e seu token de login, se você tiver um Nenhum dado de imagem está incluído.
  • Após um lote, a página registra a contagem de arquivos, bytes totais e o formato de saída, nunca nomes de arquivos ou pixels.

Principais características

  • 2, 8 ou 16 cores

    De obras de arte em preto e branco a gráficos planos sombreados

  • Detalhe baixo, médio e alto

    Contornos suaves e compactos ou traçado próximo de formas pequenas

  • Formas livres de lacunas

    Um contorno fino e correspondente em cada forma esconde costuras entre as cores

  • Visualização SVG e tamanho do arquivo

    Veja o resultado traçado e seu peso antes de baixar, atualizado cada vez que você altera uma configuração

Frequently Asked Questions

Solte o PNG nesta página e ele será rastreado em formas preenchidas que você poderá baixar como um arquivo SVG. O rastreamento começa assim que o arquivo é adicionado e a alteração de Cores ou Detalhes o rastreia novamente.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to svgconvert png to svgpng to svg converterfree png to svgpng to vectorvectorize pngpng logo to svgtrace png to svgconvert png to vector