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
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.
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.
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.
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
| png | SVG rastreado | |
|---|---|---|
| O que armazena | Uma grade de pixels. | Formas preenchidas traçadas a partir desses pixels. Não o design vetorial original. |
| escalada | Bloqueado ou embaçado quando aumentado. | Redesenha de forma limpa em qualquer tamanho. |
| Cores | Milhões, com gradientes suaves. | 2, 8 ou 16 cores planas Os gradientes tornam-se bandas. |
| transparência | Canal alfa completo. | Áreas transparentes traçadas como formas transparentes. |
| Logotipos e ícones | Tudo bem no tamanho em que foi salvo. | Bom ajuste: bordas limpas, fáceis de recolorir. |
| fotos | Bom ajuste, e geralmente o arquivo menor. | Fraco ajuste: SVGs grandes e manchados, às vezes dezenas de megabytes. |
| Edição | Editores 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
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!