Otimizar SVG

Largue ícones, logótipos ou ilustrações SVG e obtenha ficheiros mais leves com o mesmo aspeto – com pré-visualização antes/depois e um controlo de precisão.

Sobre esta ferramenta

SVG mais leves, a mesma imagem

Os programas de desenho guardam muita coisa de que nenhum navegador precisa. Este otimizador, baseado no SVGO, retira-a no seu dispositivo.

Limpa o que os editores deixam

Metadados, comentários, camadas ocultas e dados do Inkscape, Illustrator e Sketch desaparecem. Os números são arredondados, os grupos fundidos e os caminhos reescritos na forma mais curta – muitas vezes 30–70 % mais leves.

Precisão sob controlo

Escolha de 0 a 5 casas decimais e compare logo com o original. Mantenha os IDs para CSS e animações, o título para acessibilidade, ou remova largura e altura para um SVG responsivo.

Seguro para incorporar

Scripts, gestores de eventos, HTML incorporado e ligações externas são removidos, por isso o SVG otimizado pode ser inserido numa página web em segurança.

Como funciona

  1. Largue um ou mais ficheiros SVG (ou SVGZ). Cada um é otimizado de imediato.
  2. Mova o controlo «Casas decimais» e compare o antes e o depois na pré-visualização.
  3. Escolha as opções: «Manter IDs», «Manter título e descrição», «Remover largura e altura» ou «Código indentado».
  4. Transfira o SVG, ou todos os ficheiros num ZIP, ou clique em «Copiar código».

Perguntas frequentes

As minhas imagens são enviadas para um servidor?

Não. Cada imagem é lida, processada e guardada no separador do seu navegador com Canvas, Web Workers e WebAssembly. Nada é enviado, armazenado ou registado.

O SVG otimizado vai ficar diferente?

Não com as 2 casas decimais por omissão para ícones e logótipos. Desenhos muito detalhados ou SVG com uma viewBox minúscula podem precisar de 3 ou mais; a pré-visualização antes/depois mostra qualquer alteração antes de transferir.

Que otimizador é usado?

O SVGO (licença MIT), o otimizador usado pela maioria das ferramentas de build, com a predefinição padrão, a correr no seu navegador. O Toolula acrescenta um filtro que remove scripts e referências externas.

Porque devo manter os IDs?

Se o seu CSS, JavaScript, um sprite ou uma animação se referem a elementos pelo id, mantenha os IDs. Caso contrário, os ids não usados são removidos e os restantes encurtados.

É gratuito? Fica com marca de água?

Sim, pode usá-lo gratuitamente sem conta, e o Toolula nunca acrescenta marca de água. O plano gratuito tem limites de utilização razoável; o Toolula Pro, um plano opcional, aumenta-os.