Otimizar SVG

Limpe SVGs exportados do Illustrator, Figma ou Inkscape: dados do editor, comentários e casas decimais desnecessárias são removidos, o que costuma economizar 20–70% sem mudança visível. Scripts e atributos de evento são sempre removidos, então o resultado é seguro para usar num site.

Suas imagens ficam no seu dispositivo. Todo o processamento acontece no navegador.

Como usar "Otimizar SVG"

  1. Solte um ou mais arquivos SVG.
  2. Escolha a precisão e se quer manter os metadados e o viewBox. Ative "Código legível" se for editar o arquivo à mão.
  3. Clique em "Otimizar SVG", compare o antes e o depois e baixe o arquivo ou copie o código.

Perguntas frequentes

Quanto os SVGs diminuem?

Depende da origem. Arquivos exportados de programas de design costumam diminuir 30–70% por causa dos dados do editor e dos decimais longos; ícones já otimizados talvez percam só alguns por cento.

O que significa precisão?

O número de casas decimais mantidas nas coordenadas. 3 é seguro para quase tudo. Com 1–2 os arquivos ficam menores, mas ícones pequenos ou desenhos detalhados podem se deslocar um pouco, então confira a prévia. Para desenhos muito grandes ou muito detalhados, escolha 4–5.

Por que manter o viewBox?

O viewBox permite que o SVG seja redimensionado livremente com CSS. Sem ele, a imagem pode ser cortada ou parar de redimensionar, então mantenha-o, a menos que tenha certeza de que precisa de tamanhos fixos.

Os scripts são removidos?

Sim, sempre. Elementos <script>, atributos de evento como onclick ou onload e links javascript: são removidos do resultado. As duas prévias são mostradas apenas como imagens, então nada do arquivo pode ser executado. Se algo foi removido, a nota do resultado diz quantos itens.

Posso converter PNG ou JPG em SVG aqui?

Não, esta ferramenta só otimiza arquivos que já são SVG. Para transformar uma imagem em vetor use PNG/JPG para SVG e depois otimize o resultado aqui. Para criar ícones de site a partir de um SVG use Gerador de favicon.

Meus arquivos são enviados?

Não. O svgo roda no seu navegador e seus arquivos nunca saem do seu aparelho.

Outras ferramentas

Buscar ferramentas