Por Claire Yoon7 min de leitura

Como converter um WebP em SVG (você traça, não salva)

Um WebP é uma imagem raster, então você não consegue salvá-lo como SVG. Você precisa traçá-lo. Veja como transformar um WebP em um vetor real e limpo, e como evitar um vetor falso.

Nesta página

Um WebP é uma imagem raster, uma grade de pixels como JPG ou PNG. Então não existe um "Salvar como SVG" que transforme o arquivo em vetor. Primeiro, a imagem precisa ser traçada como formas e traçados. A maioria dos "conversores de WebP para SVG" passa por cima disso, e alguns apenas embrulham seus pixels em um arquivo .svg e dão o trabalho por terminado, o que não entrega um vetor de verdade.

Veja como converter de fato um WebP em um SVG limpo e editável, o que observar e quando nem vale a pena tentar.

A versão rápida
  • Um WebP é raster, então precisa ser traçado como vetor, não "salvo" como um.
  • Cuidado com vetores falsos: um conversor que incorpora seu WebP dentro de um .svg (ele ainda pixeliza).
  • WebP pode ser com perdas ou sem perdas. Um arquivo com perdas carrega ruído de compressão, então comece pela fonte mais limpa.
  • Arte plana e de alto contraste converte bem. Fotos não.
  • Trace um arquivo com o conversor de WebP para SVG, depois confira se ele é realmente editável.

Primeiro, a parte que a maioria dos conversores pula

Vale ser claro sobre o que realmente acontece, porque os principais resultados de busca não são:

  • Um WebP armazena pixels. Ele é ótimo para a web (arquivos pequenos, além de suporte a transparência e animação), mas é raster.
  • Um SVG armazena matemática: pontos, traçados e curvas que continuam nítidos em qualquer tamanho.

Não existe uma "conversão" sem perdas entre os dois. Ir de WebP para SVG significa redesenhar os pixels como formas, o que é vetorização (traçado). É por isso que uma conversão real precisa de um mecanismo de traçado, não de uma renomeação de arquivo.

A armadilha a evitar: muitos conversores genéricos de arquivo produzem um SVG que, na verdade, é apenas seu WebP incorporado dentro de um contêiner .svg. Ele tem a extensão certa, mas ainda fica borrado quando você aumenta a escala, e você não consegue editar uma única forma. Se o seu "SVG" pixeliza quando você dá zoom, foi isso que aconteceu. Você quer uma ferramenta que trace a imagem em traçados reais.

Com perdas ou sem perdas? Isso muda o resultado

WebP existe em duas versões, e a que você tem afeta o traçado:

  • WebP com perdas (a exportação comum para web) usa compressão como um JPG, então carrega artefatos e bordas suaves e ruidosas. Um traçado captura esses problemas, então comece pela versão de maior qualidade que você tiver. (É o mesmo problema de converter um JPG em SVG.)
  • WebP sem perdas mantém as bordas nítidas como um PNG, então é traçado com mais limpeza. (Veja como converter um PNG em SVG sem perder qualidade para o manual de uma fonte limpa.)

WebP também oferece suporte a transparência, então se a sua imagem tem fundo transparente, use um conversor que preserve isso. Caso contrário, você vai ganhar um retângulo preenchido indesejado atrás das formas.

Como converter um WebP em SVG, passo a passo

  1. Comece pela melhor fonte. Use o WebP original e de maior qualidade. Se for um arquivo com perdas e muito comprimido, espere um traçado com mais ruído.
  2. Use um vetorizador real em vez de um conversor genérico de arquivos. Você quer uma ferramenta que trace a imagem em traçados, não uma que incorpore o raster.
  3. Vetorize a imagem. Envie o WebP para o conversor de WebP para SVG e deixe que ele reconstrua a imagem como traçados limpos e com poucos nós.
  4. Simplifique as cores e mantenha a transparência. Mescle cores quase duplicadas (WebP com perdas adiciona algumas) e garanta que um fundo transparente continue transparente.
  5. Baixe e confira (veja abaixo).

Como isso fica com o PerfectVector

O objetivo com um WebP é um vetor real: traçados limpos que você consegue editar, não seus pixels disfarçados. É isso que o PerfectVector produz. Ele traça o WebP em traçados suaves e com poucos nós, mantém a transparência intacta e oferece um editor de cores para mesclar as cores extras que um WebP com perdas introduz. Você pode converter um WebP em um SVG limpo e inspecionar os traçados por conta própria, e pode converter suas primeiras imagens grátis, sem cartão de crédito.

Antes
Um WebP com perdas de um emblema simples, com bordas suaves e ruidosas, incorporado como raster dentro de um SVG, então ele ainda pixeliza quando ampliado
Um WebP embrulhado em um .svg: ainda pixels, ainda borrado quando escalado.
Depois
O mesmo emblema traçado como um SVG real, com traçados limpos, editáveis e com poucos nós que continuam nítidos em qualquer tamanho
Um traçado real, com traçados limpos e editáveis que continuam nítidos em qualquer tamanho.

Checklist rápido do resultado. Uma conversão real de WebP para SVG tem:

  • Traçados editáveis em vez do WebP incorporado em um .svg (dê zoom e ele deve continuar nítido).
  • Poucos nós, ou seja, curvas limpas em vez de milhares de pontos (mais sobre quantidade de nós).
  • Transparência preservada, se a origem tinha isso, sem nenhum retângulo de fundo perdido.
  • Uma paleta organizada, apenas as cores pretendidas, não as extras que um WebP com perdas adicionou.

Quando pular o conversor

Traçar não é certo para todo WebP:

  • Fotografias e imagens fotorrealistas viram manchas posterizadas, então mantenha-as como raster.
  • Artes com muitos gradientes ou texturas perdem sutileza. Reconstrua como formas planas se você precisar de um vetor.
  • WebPs minúsculos ou muito comprimidos não têm como ser resgatados. Encontre uma fonte melhor ou recrie a arte.

Como sempre, vetorização é para arte plana e ilustrativa, como logos, ícones e gráficos simples, não para fotos. (Está começando no assunto? Comece por o que é vetorização de imagem.)

FAQ

Posso simplesmente salvar um WebP como SVG? Não. Um WebP é uma imagem raster (pixels), e um SVG é um vetor (formas e traçados). Nenhum "Salvar como" transforma um no outro. A imagem precisa ser traçada como formas vetoriais, que é o que um vetorizador faz.

Por que meu WebP ainda parece pixelado depois de "convertê-lo" para SVG? Um conversor genérico provavelmente incorporou seu WebP dentro de um contêiner .svg em vez de traçá-lo. Isso é um vetor falso, e ele ainda pixeliza. Use uma ferramenta que trace a imagem em traçados reais e editáveis.

Posso converter um WebP em SVG de graça? Sim. Envie seu WebP para um vetorizador, simplifique as cores e baixe o SVG. Você pode converter suas primeiras imagens grátis, sem cartão de crédito. Só confirme que a saída é um vetor traçado de verdade, e não o WebP embrulhado em um .svg.

A transparência do WebP passa para o SVG? Pode passar, se você usar um conversor que a preserve. WebP oferece suporte a transparência, e um bom traçado mantém o fundo transparente para que você não ganhe um retângulo preenchido indesejado.

Posso converter uma foto de WebP para SVG? Pode, mas geralmente não deveria. Fotos têm tons e gradientes demais para virarem formas limpas, então você vai obter uma mancha posterizada ou um arquivo enorme. Vetorização é para logos, ícones e ilustrações.


Tem um logo ou gráfico em WebP que precisa escalar? Converta em um SVG real e editável, trace a imagem, simplifique as cores e baixe em segundos.

Mais do blog

Pronto para criar
vetores perfeitos?