Conversor online gratuito de SVG para WEBP

O que é o formato SVG

SVG (Scalable Vector Graphics) é um formato vetorial baseado em XML que armazena formas, caminhos, texto, gradientes e filtros como instruções de desenho, em vez de pixels fixos. Logotipos, ícones, diagramas, ilustrações e gráficos de interface usam SVG com frequência porque a arte pode ser redimensionada sem ficar pixelada.

Adobe Illustrator, Inkscape, Figma, Affinity Designer, CorelDRAW e ferramentas de design baseadas na web podem criar arquivos SVG. Designers e desenvolvedores usam esse formato para artes editáveis, gráficos responsivos para a web e recursos que precisam ser renderizados em vários tamanhos.

O que é o formato WEBP

WEBP é um formato de imagem raster desenvolvido pelo Google. Ele oferece suporte à compactação com perdas para imagens fotográficas ou ilustradas menores, à compactação sem perdas para gráficos que precisam de detalhes exatos e a um canal alfa para fundos transparentes.

WEBP pode reduzir o tamanho do arquivo em comparação com JPEG ou PNG em muitos casos, mas o resultado é um bitmap com largura e altura de pixels definidas. Ampliá-lo além desse tamanho pode revelar desfoque ou artefatos de compactação, ao contrário de um SVG vetorial.

Como converter um arquivo SVG

Usar 101convert.com

Você pode converter o arquivo em 101convert.com gratuitamente, sem instalar software. Abra o conversor de SVG para WEBP, carregue o arquivo de origem, selecione as configurações de saída disponíveis, inicie a conversão e baixe o arquivo .webp resultante. Verifique se há fontes ausentes, filtros alterados, cores incorretas e transparência perdida antes de usá-lo.

Usar GIMP

1. Abra o SVG no GIMP com File → Open.
2. Defina a largura e a altura renderizadas quando o GIMP solicitar a importação do SVG. Esses valores determinam as dimensões em pixels da imagem WEBP.
3. Escolha File → Export As…, insira um nome de arquivo que termine em .webp e selecione Export.
4. Escolha um nível de qualidade ou a codificação sem perdas na caixa de diálogo de exportação WEBP e confirme a exportação.

O GIMP rasteriza o SVG ao abri-lo, portanto alterar o tamanho da imagem posteriormente não pode restaurar os detalhes vetoriais. Importe o SVG no maior tamanho de exibição necessário ou use uma renderização de origem com resolução mais alta para redimensionamentos posteriores.

Usar ferramentas de linha de comando

ImageMagick pode rasterizar um SVG e gravá-lo como WEBP em um único comando quando a instalação inclui um renderizador de SVG, como o librsvg:

magick -background none -density 192 input.svg -resize 1200x1200 -quality 85 output.webp

-background none preserva áreas transparentes quando o SVG e o renderizador oferecem suporte a alfa. -density controla a resolução da rasterização inicial, enquanto -resize define um tamanho de saída prático. Ajuste as dimensões de acordo com o tamanho de exibição pretendido; apenas a densidade não garante uma largura e uma altura finais específicas.

Inkscape pode renderizar o SVG em PNG, após o que o codificador cwebp do Google pode criar o WEBP:

inkscape input.svg --export-type=png --export-filename=rendered.png --export-width=1600

cwebp -q 85 rendered.png -o output.webp

Use --export-height em vez disso ou defina ambas as dimensões quando necessário. O PNG intermediário preserva a transparência se o Inkscape exportar sem uma cor de fundo. Use cwebp -lossless rendered.png -o output.webp para codificação sem perdas.

Limites de qualidade e compatibilidade

• Escolha as dimensões em pixels antes da conversão. SVG não tem uma resolução raster inerente, portanto todo conversor precisa decidir quantos pixels renderizar.
• Use um valor de qualidade com perdas entre 80 e 90 para muitas imagens da web. Escolha WEBP sem perdas para textos pequenos, linhas finas, capturas de tela e artes com cores uniformes, nas quais defeitos de compactação são inaceitáveis.
• Fontes incorporadas, folhas de estilo externas, imagens vinculadas, JavaScript, animações e filtros SVG incompatíveis podem ser renderizados de maneira diferente ou desaparecer. Converta o texto em caminhos ou incorpore os recursos necessários quando uma saída consistente for importante.
• Fundos transparentes de SVG geralmente se tornam fundos transparentes de WEBP quando o renderizador preserva o alfa. Defina uma cor de fundo explícita se o destino exigir uma imagem opaca.
• WEBP é compatível com os principais navegadores atuais e muitos aplicativos de imagem, mas softwares antigos e sistemas de publicação especializados podem não aceitá-lo. Mantenha o SVG original como arquivo mestre editável e use WEBP como cópia fixa para distribuição.