Transforme um PNG ou JPG em formas SVG escaláveis, com as cores e o nível de detalhe que você escolher. A vetorização acontece no seu navegador e a imagem nunca sai do seu dispositivo.
Conversor de PNG para SVG
Transforme um PNG ou JPG em formas SVG escaláveis, com as cores e o nível de detalhe que você escolher. A vetorização acontece no seu navegador e a imagem nunca sai do seu dispositivo.
A imagem é decodificada e vetorizada no seu dispositivo, em segundo plano nesta aba, e nunca é enviada. O SVG também é gerado aqui e não vai a lugar nenhum até você baixá-lo ou copiá-lo.
O Conversor de PNG para SVG transforma uma imagem bitmap em formas vetoriais escaláveis. Ele reduz a imagem ao número de cores que você escolher, descobre onde cada região de cor começa e termina e redesenha cada região como um traçado suave, então um logotipo ou um ícone continua nítido em qualquer tamanho. Predefinições para logotipos, ícones, ilustrações, fotos e arte de linhas em preto e branco definem valores iniciais sensatos, e controles deslizantes ajustam as cores, o detalhe, a remoção de pontinhos e o desfoque. Os pixels que apenas misturam duas cores vizinhas passam a fazer parte de uma dessas regiões, então um logotipo de cores chapadas sai exatamente com as suas próprias cores. As áreas transparentes podem continuar transparentes, e uma imagem grande é vetorizada em tamanho reduzido enquanto o SVG mantém as dimensões originais. Tudo acontece no seu dispositivo.
Recursos
Predefinições para logotipos, ícones, ilustrações, fotos e arte de linhas em preto e branco, cada uma como ponto de partida que você pode ajustar
De 2 a 64 cores escolhidas a partir dos próprios pixels, então um logotipo de cores chapadas mantém exatamente as suas cores
Um controle deslizante Detail, de suave e simplificado (Coarse) a fino e exato (Fine), além de remoção de pontinhos e desfoque para origens com ruído ou em JPG
As áreas transparentes continuam transparentes ou são preenchidas de branco, se você preferir
Um divisor de antes e depois que você arrasta, com zoom de 200% e de 400%, ou uma vista lado a lado, para conferir as bordas
A vetorização roda em segundo plano, com o tempo decorrido à vista, e alterar uma configuração cancela a vetorização que ainda está em andamento
O SVG mantém o tamanho original e um viewBox correspondente, e abre em ×1 ou ×2
Número de traçados, tamanho do arquivo e cores usadas, um aviso acima de 1 MB e o download ou a cópia do código SVG
Como usar Conversor de PNG para SVG
Solte um PNG, JPG, WebP, GIF ou BMP, ou cole uma imagem da área de transferência
Escolha a predefinição mais próxima da sua imagem e depois ajuste as cores, o detalhe, a remoção de pontinhos e o desfoque
Arraste o divisor sobre a prévia e use o zoom para conferir as bordas e os pequenos detalhes
logo.svg — 640 × 640 px
6 colours · 14 paths · 8.2 KB
Traced in 0.4 s
Um logotipo de cores chapadas vira um punhado de formas, e o mesmo arquivo continua nítido seja como favicon, seja em um outdoor.
Erros comuns e solução de problemas
As formas têm bordas irregulares ou cantos arredondados. — Uma borda vetorizada só fica tão limpa quanto os pixels de onde veio. Use a maior versão da imagem que você tiver e depois teste um Detail entre 60% e 80%: valores menores suavizam mais, valores maiores seguem cada degrau de pixel.
O SVG tem vários megabytes e abre devagar. — Fotos e números altos de cores exigem milhares de formas pequenas. Reduza Colours, leve Detail para perto de Coarse, aumente Remove specks para 15 px ou mais ou adicione um pouco de Blur.
Aparecem linhas finas entre formas vizinhas. — Ative Outline shapes. Essa opção desenha a borda de cada forma na própria cor e vem ligada em todas as predefinições, menos em Black & white.
O fundo transparente saiu branco. — A opção “Keep transparent areas” só aparece quando a imagem tem transparência; confira se ela está ligada. Um JPG não tem transparência para manter, então o fundo dele é vetorizado como uma cor.
Perguntas frequentes
Por que o Conversor de PNG para SVG redesenha a minha imagem em vez de convertê-la exatamente?
Um PNG guarda uma grade de pixels coloridos e um SVG guarda formas e curvas, então não existe um jeito sem perdas de transformar um no outro. A ferramenta descobre onde cada região de cor começa e termina e desenha uma forma para ela. As bordas viram curvas suaves, a textura fina é simplificada e os gradientes viram faixas de cor chapada, e por isso logotipos e arte de linhas são vetorizados bem, enquanto fotografias ficam estilizadas.
Como obter o SVG mais limpo de um logotipo com o Conversor de PNG para SVG?
Comece pela versão maior e de maior contraste do logotipo e escolha a predefinição Logo. Defina Colours com o número de cores chapadas que ele realmente tem; a ferramenta nunca usa mais do que a imagem contém. Mantenha Remove specks em 8 px ou mais para absorver pixels soltos, adicione um pouco de Blur se a origem for um JPG e confira as bordas com zoom de 400% antes de baixar.
O que fazem os controles Colours e Detail no Conversor de PNG para SVG?
Colours é o máximo de cores que o SVG pode usar, de 2 a 64. Detail define o quanto as curvas seguem a borda dos pixels: perto de Coarse os contornos são menos numerosos, mais suaves e um pouco mais soltos; perto de Fine eles acompanham cada degrau e o arquivo cresce. Remove specks funde formas de contorno curto com as vizinhas, e Blur suaviza o ruído antes de as cores serem escolhidas.
O Conversor de PNG para SVG consegue vetorizar uma foto?
Consegue, mas o resultado é uma versão posterizada e estilizada da foto, feita de formas de cor chapada, e o arquivo fica grande porque são necessárias milhares de formas. A predefinição Detailed photo é o ponto de partida mais fiel. Para um arquivo menor, reduza as cores ou aumente Remove specks e mantenha as fotografias em JPG ou WebP quando você só precisa que elas pareçam fotografias.
A minha imagem é enviada quando eu a vetorizo no Conversor de PNG para SVG?
Não. A imagem é decodificada e vetorizada no seu dispositivo, e nem os pixels dela nem o SVG são enviados a lugar algum. Uma imagem grande é reduzida a 1200 pixels no lado maior para a vetorização, para que ela termine em poucos segundos, e o SVG mantém o tamanho original.
Como abrir e editar no Figma, no Inkscape ou no Illustrator o SVG gerado pelo Conversor de PNG para SVG?
Baixe o .svg e arraste-o para o aplicativo, ou use o comando Abrir ou Importar dele. Cada forma é um traçado simples com preenchimento, com a cor definida diretamente nele, então você pode recolorir, mover, mesclar ou apagar formas. A maior área de cor é uma única forma por baixo de todas, que você pode apagar para obter um fundo transparente. O Copy SVG code cola a mesma marcação em um HTML ou em um editor de código.
Ferramentas relacionadas
SVG para PNG — Transforme marcação SVG ou um arquivo .svg em um PNG ou JPG nítido em qualquer escala, no navegador.
Otimizador de SVG — Minifique SVG: remova comentários, metadados e restos do editor, e colapse espaços.