UltKit

Converter WebP para SVG

WebP é feito de pixels e SVG é feito de formas, então não existe conversão sem perdas entre os dois. Esta página vetoriza o seu WebP em caminhos vetoriais de verdade, que você pode ampliar, recolorir e cortar. Funciona melhor com logos, ícones e ilustrações chapadas.

Imagem para SVG

ou solte arquivos JPG, JPEG, JFIF … aqui ·

Até 95 MB por arquivo· Até 20 arquivos· Apagados após 30 minutos

Saída
12

Os arquivos são processados em nossos servidores e apagados após 30 minutos.

Como usar esta ferramenta

  1. 1

    Envie o WebP

    Adicione um logo, ícone ou figurinha salvo de um site, até 20 arquivos de 95 MB cada. Imagens de origem maiores e mais limpas são vetorizadas com mais precisão.

  2. 2

    Defina o número de cores

    Número de cores começa em 12, o suficiente para a maioria dos logos. Diminua para uma marca de dois tons, ou defina Modo de cor como Preto e branco para um arquivo de corte de uma cor só.

  3. 3

    Vetorize para SVG

    Clique em Vetorizar para SVG e baixe os arquivos. Abra-os no Inkscape, Illustrator, Figma ou Cricut Design Space para conferir as formas.

Resposta

É possível mesmo converter WebP em SVG?

Só por vetorização. O WebP guarda pixels, o SVG guarda formas. Esta ferramenta redesenha as cores do seu WebP como caminhos vetoriais; qualquer coisa que apenas troque o nome do arquivo ou incorpore a imagem gera um SVG que continua borrando quando ampliado.

Converter WebP para SVG: vetorizar ou incorporar

O WebP, lançado pelo Google em 2010, é um formato raster: uma grade de pixels coloridos comprimida para carregar rápido na web. O SVG, padrão do W3C desde 2001, descreve linhas, curvas e preenchimentos como texto. Transformar um no outro pode ser feito de duas maneiras bem diferentes, e a maioria dos conversores gratuitos escolhe a que não ajuda você.

A incorporação gera um SVG que contém o WebP como texto base64. O base64 aumenta a imagem em cerca de um terço, e o resultado continua sendo um bitmap com rótulo de vetor. A vetorização, método usado aqui e no recurso Vetorizar bitmap do Inkscape, baseado no algoritmo Potrace, lê as áreas de cor e as grava como caminhos. O resultado é realmente escalável e editável, ao custo de perder detalhes finos. Nosso guia de imagem para SVG explica cada configuração de vetorização.

SVG vetorizado ou WebP incorporado: o que cada arquivo permite

SVG vetorizadoSVG que envolve o WebPWebP original
Nítido em qualquer zoomyesnono
Formas editáveis no Illustrator ou Inkscapeyesnono
Utilizável como caminhos de corte no Cricut ou a laseryesnono
Mantém detalhes de fotografianoyesyes
Tamanho típico do arquivoCresce com o detalheCerca de ⅓ maior que o WebPO menor
  1. Decodificar o WebP

    Os pixels e o canal alfa são lidos; as áreas transparentes são separadas.

  2. Agrupar cores

    Pixels semelhantes são unidos no Número de cores que você escolheu.

  3. Desenhar caminhos

    Cada região de cor vira curvas suavizadas, gravadas em um SVG otimizado.

WEBP

Imagem WebP

WebP é um formato de imagem lançado pelo Google em 2010 para fazer as páginas web carregarem mais rápido. Ele aceita compressão com perda e sem perda, transparência alfa e animação em um único formato. Arquivos WebP com perda costumam ser 25–35% menores que JPEGs de qualidade visual parecida, e o WebP sem perda geralmente fica menor que o PNG. Todos os navegadores atuais o suportam, mas alguns programas de desktop mais antigos, serviços de impressão e formulários de envio ainda o rejeitam. Windows, macOS e a maioria dos editores de imagem modernos abrem arquivos WebP.

Compressão
Com ou sem perdas
Transparência
Sim
Animação
Sim
Lançamento
2010 · Google
Conversor de WEBP

SVG

Scalable Vector Graphics (SVG)

SVG é um formato vetorial baseado em XML, padronizado pelo W3C em 2001. Em vez de pixels, ele descreve formas, caminhos e texto, por isso fica nítido em qualquer tamanho e costuma ser minúsculo para logotipos e ícones. Ele aceita transparência, estilo com CSS, scripts e animação, e todos os navegadores o renderizam nativamente. O SVG não é adequado para fotografias, e ilustrações complexas podem ficar lentas para renderizar. Illustrator, Inkscape, Figma e os navegadores conseguem abri-lo e editá-lo.

Compressão
–
Transparência
Sim
Animação
Sim
Lançamento
2001 · W3C
Conversor de SVG

As pessoas buscam WebP para SVG quando um logo ou ícone salvo de um site precisa ficar escalável, editável ou cortável, o que só a vetorização entrega; o caminho inverso é uma simples rasterização para a web.

Como obter um SVG limpo de um WebP salvo de um site

A maioria dos arquivos WebP que as pessoas querem como vetor foi baixada de um site, ou seja, foi redimensionada para uma página e comprimida com perdas. O ruído da compressão ao redor das bordas vira pequenas formas soltas, e imagens pequenas dão ao vetorizador pixels de menos para achar uma curva suave. Comece pela maior cópia que encontrar; a página de imprensa ou de marca do site muitas vezes oferece uma versão maior ou o SVG original.

Deixe Suavização perto do padrão para logos com curvas e defina Curvas como Linhas retas para marcas geométricas de bordas retas. Depois de vetorizar, apague os pontinhos que sobrarem no seu editor. Se você só precisava abrir a imagem em algum lugar e não ampliá-la, WebP para PNG é o caminho mais rápido e exato.

Perguntas sobre WebP para SVG

Por que outros conversores de WebP para SVG me entregam um arquivo borrado?

Muitos deles colocam o WebP dentro de um SVG como imagem incorporada e trocam a extensão. O arquivo abre como SVG, mas continua sendo feito de pixels: fica borrado quando ampliado e não tem formas editáveis. Abra o arquivo em um editor de texto: uma string longa com data:image significa que nada foi vetorizado.

Dá para converter uma foto WebP em SVG?

Dá, mas o resultado parece um pôster: degradês suaves e tons de pele viram faixas chapadas de cor. Fotos são justamente o que os formatos raster fazem bem. Mantenha a foto em WebP, JPG ou PNG e vetorize apenas o logo, o contorno ou a ilustração de que você realmente precisa.

O fundo transparente do meu WebP continua transparente?

Sim. Pixels transparentes não geram nenhuma forma, então o SVG não tem nada atrás da arte vetorizada. Normalmente é exatamente o que se quer para uma figurinha ou um logo aplicado sobre fundos coloridos.

Com quantas cores devo vetorizar um logo em WebP?

Conte as cores chapadas que você enxerga e some duas ou três para as bordas suavizadas. Um logo de duas cores é vetorizado bem com 4; a ilustração de um mascote pode precisar de 16 a 24. Cores demais criam pequenas lascas de forma ao longo de todas as bordas.

Posso usar o SVG na Cricut ou numa cortadora a laser?

Sim, esse é um dos principais motivos para vetorizar. O Cricut Design Space importa o SVG com uma camada separada por cor, e os programas de corte a laser leem os caminhos como linhas de corte ou gravação. Use Preto e branco com Somente contornos quando precisar de uma única linha de corte.

Por que o SVG vetorizado parece irregular comparado com o logo original?

Arquivos WebP de baixa resolução tirados de sites costumam ter só 100 a 200 px de largura, então o vetorizador precisa adivinhar as curvas a partir de poucos pixels. Procure uma cópia maior do logo ou amplie antes com aumentar tamanho da imagem e vetorize de novo.