Otimizador SVG
- Os arquivos não saem do seu dispositivo
- Roda no navegador
- Grátis, sem cadastro, sem marca d’água
Drop SVG files here, or click to choose
Aceita SVG, SVGZ · Você também pode colar com Ctrl+V / ⌘V
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
Como usar Otimizador SVG
Encolha arquivos SVG com o SVGO sem sair do navegador. Escolha o preset Padrão, Seguro ou Máximo ou ligue e desligue plugins individuais, confira um diff de pixels contra o original e exporte o resultado como SVG, data URI ou componente React.
- 1
Solte arquivos SVG ou SVGZ na página, ou cole o código SVG; Exemplo carrega um modelo.
- 2
Em Otimização, escolha Padrão, Seguro ou Máximo e ajuste Precisão numérica, Multipass e Impressão formatada.
- 3
Opcional: abra os grupos Plugins para ligar ou desligar plugins individuais do SVGO; Redefinir volta ao Padrão.
- 4
Compare o resultado Lado a lado, com o Controle deslizante ou em Diferenças, onde os pixels alterados aparecem em vermelho.
- 5
Escolha a aba SVG, Data URI ou React e clique em Baixar SVG ou Baixar .jsx; para vários arquivos, use Baixar tudo (ZIP).
Perguntas frequentes
Meus SVGs são enviados?
Não. O SVGO roda em um worker em segundo plano no seu navegador, então os arquivos nunca saem do seu dispositivo.
Otimizar muda a aparência do meu SVG?
O preset Padrão busca a mesma aparência. Diferenças renderiza as duas versões e informa a parcela de pixels alterados, ou Parece idêntico. Uma Precisão numérica muito baixa pode distorcer detalhes finos.
Qual preset serve para um SVG animado ou com script?
Seguro. Ele deixa estrutura, IDs e formas intactos, então seletores CSS e scripts ainda encontram os elementos.
Por que Máximo removeu width e height?
Máximo também descarta títulos, dimensões e scripts, o que serve para ícones usados por CSS ou img; o SVG então escala para o contêiner. Desmarque removeDimensions em Incorporação na web para manter o tamanho.
Devo usar um data URI em Base64 ou codificado para URL?
Deixe Base64 desativado na maioria dos casos: o URI codificado para URL em geral é mais curto e comprime melhor com gzip. Ative só onde uma ferramenta espera Base64.
Como funciona a exportação React?
A aba React envolve o SVG otimizado em um componente JSX nomeado a partir do arquivo, com atributos reescritos para JSX e props passadas ao elemento svg. Baixar .jsx salva o arquivo.