Converter SVG para WebP
Rasterize SVG em WebP na largura que você escolher, com transparência e arquivo leve.
Prévia do arquivo WebP gerado
Em 82 a perda deixa de ser visível na maioria das fotos. Abaixo de 50 o arquivo encolhe muito, mas aparecem manchas.
SVG é desenho vetorial e não tem tamanho próprio. Escolha com folga: depois de virar WebP, ampliar embaça.
Tamanho do arquivo
-
Convertendo…
Ver as 64 conversões de imagem. A conversão inteira roda no seu dispositivo. Nenhuma imagem é enviada para servidor nenhum.
Quando vale trocar vetor por WebP
SVG normalmente é a melhor escolha para logo e ícone em um site: pesa pouco, escala sem perder nitidez e pode ser estilizado por CSS. Ainda assim, existem situações em que rasterizar compensa, e é por isso que essa busca está em alta: SVG muito complexo, com centenas de caminhos, filtros e degradês, pode custar mais para o navegador desenhar do que uma imagem pronta, e algumas plataformas simplesmente não aceitam SVG por questão de segurança.
O WebP é o melhor destino nesse caso. Ele guarda transparência com 256 níveis, então o fundo livre continua livre, e comprime bem, entregando arquivos pequenos. Diferente do JPG, ele não cria sujeira em volta de bordas duras quando a qualidade está alta, o que importa porque desenho vetorial é feito de bordas duras.
A escolha da largura é o controle central desta página, já que vetor não tem tamanho próprio. Escolha pensando no maior uso, com folga, porque ampliar depois embaça. E, sempre que possível, guarde o SVG original: ele continua sendo a fonte da verdade, e permite gerar outros tamanhos no futuro sem perda.
Como funciona a conversão
- Solte seus arquivos .svg na área de entrada, um ou vários.
- Escolha a largura da imagem gerada. A altura acompanha a proporção do desenho.
- O navegador desenha o vetor nesse tamanho, do mesmo jeito que faria em uma página.
- A imagem é comprimida em WebP pela libwebp em WebAssembly, com a transparência preservada.
- Confira a prévia e baixe um arquivo ou o lote em ZIP.
Para que serve
- SVG pesado demais para a página Ilustração vetorial com centenas de caminhos e filtros custa processamento a cada carregamento. Em WebP, o navegador só desenha uma imagem pronta.
- Plataforma que recusa SVG Muitos serviços bloqueiam SVG por questão de segurança, já que o formato pode conter script. O WebP passa sem restrição.
- Miniatura e prévia Listagem, cartão e prévia de compartilhamento precisam de imagem de tamanho fixo. Rasterizar resolve com arquivo mínimo.
- Imagem de redes sociais Nenhuma rede social aceita SVG na prévia de link. Uma versão em WebP ou PNG na largura certa é obrigatória.
Perguntas frequentes
A transparência é preservada?
É, com 256 níveis. O WebP guarda canal alfa completo, então bordas suaves e fundo livre continuam funcionando sobre qualquer cor. É a principal vantagem em relação ao JPG.
Que largura devo escolher?
Pense no maior tamanho em que a imagem vai aparecer e dobre, se ela for para tela de alta densidade. Para logo em cabeçalho de site, algo entre 512 e 1024 pixels costuma bastar. Depois de gerado, ampliar embaça.
Vale mesmo a pena sair do SVG?
Depende. Para logo simples, o SVG costuma ser melhor: pesa menos e escala sem limite. Rasterizar compensa quando o SVG é complexo, quando a plataforma recusa vetor, ou quando você precisa de uma imagem de tamanho fixo, como em prévia de link.
Por que o texto saiu com outra fonte?
Porque o SVG declara a fonte pelo nome e ela não existe no seu computador. O navegador substitui por outra. A solução é converter o texto em curvas no programa de origem antes de exportar. Confira sempre a prévia.
A conversão é segura? SVG pode conter script.
É segura. O arquivo é desenhado como imagem, e nesse modo o navegador não executa script nenhum que esteja dentro dele, por regra da plataforma web. Além disso, referências a imagens externas por URL não são carregadas, o que preserva sua privacidade.
Todo mundo abre WebP?
Na web, sim, em todos os navegadores atuais. Fora do navegador, programa antigo e alguns sistemas de upload ainda recusam. Para site, é seguro. Para anexar em sistema de terceiro, confira antes.
Dá para converter vários SVG de uma vez?
Dá, até 40 arquivos, todos na mesma largura. O download sai em ZIP quando há dois ou mais convertidos, montado dentro do navegador.
Ferramentas relacionadas
Fontes
Os limites e formatos aplicados por esta ferramenta vêm das especificações oficiais abaixo, não de terceiros:
- Especificação SVG 2 (W3C) Especificação do formato de origem, que define o SVG como descrição de formas em XML.
- WebP: documentação oficial do Google Documentação do formato de destino, que confirma o suporte a transparência nos dois modos de compressão.
- SVG no MDN Web Docs Referência sobre SVG carregado como imagem, modo em que scripts não são executados, que é o usado nesta conversão.
- jSquash: codecs de imagem em WebAssembly A biblioteca que grava o WebP aqui, usada porque o Safari não codifica WebP pelo canvas.
Termos relacionados
Esta página responde a quem procura por: