Otimizar
Otimizador de SVG
Deixe ícones, logos e ilustrações SVG menores e mais limpos para sites e apps, e remova tudo o que poderia executar código, sem mudar a aparência.
Cada SVG otimizado é desenhado ao lado do original e comparado pixel a pixel. Se as configurações normais mudassem a aparência, são usadas configurações cuidadosas.
Código antes
Código depois
Arquivos
Os arquivos otimizados aparecem aqui, com a economia.
Código otimizado
Como funciona
Adicione, otimize, baixe
- Adicione arquivos SVG ou cole o código. Até 100 arquivos de uma vez.
- Mantenha as configurações ou ajuste. A precisão automática serve para a maioria dos arquivos; os títulos ficam para leitores de tela, a menos que você os remova.
- Confira o resultado. Cada arquivo antes e depois, o novo tamanho e o tamanho comprimido pelo seu servidor.
- Baixe ou copie. Arquivos avulsos, um ZIP ou o código para colar direto no HTML.
O que é removido
Peso que não desenha nada
- Dados do editor do Inkscape, Illustrator, Sketch e Figma: camadas, guias, níveis de zoom e namespaces privados.
- Metadados e comentários, exceto os que começam com
<!--!, mantidos para avisos de licença. - IDs e definições sem uso, como gradientes que nada usa, e grupos vazios ou simples.
- Decimais longos, arredondados ao que o tamanho do desenho precisa, com os dados de caminho escritos de forma compacta.
Segurança
SVGs que não podem executar código
Um SVG é um documento e pode conter scripts, manipuladores de eventos e links que executam código quando aberto diretamente no navegador. O otimizador sempre remove scripts, atributos on…, links para javascript: e endereços parecidos, HTML embutido e animações que reescrevem links. Arquivos que declaram entidades XML, um truque para travar computadores, são recusados. As pré-visualizações aqui são desenhadas como imagens, então nada de um arquivo pode ser executado.
Ferramentas relacionadas
Mais para o seu site
FAQ
Perguntas sobre otimização de SVG.
Quanto menor meu SVG vai ficar?
Arquivos exportados de programas de design costumam cair pela metade ou mais, porque trazem dados do editor, metadados e decimais longos. SVGs escritos à mão ou já otimizados mudam menos. Cada arquivo mostra o tamanho antigo e o novo, e o tamanho depois do gzip.
Meu SVG vai continuar com a mesma aparência?
Sim. Cada resultado é desenhado ao lado do original e comparado. Se as configurações normais mudarem a aparência, a ferramenta usa configurações cuidadosas automaticamente e avisa se um arquivo ainda ficar diferente.
É seguro colocar um SVG no meu site?
Um SVG pode conter scripts que rodam quando ele é aberto sozinho. Esta ferramenta remove scripts, manipuladores de eventos e links com código de cada arquivo, o que torna muito mais seguro publicar SVGs de outras pessoas.
Por que manter títulos e descrições?
Leitores de tela leem o título e a descrição de um SVG para pessoas cegas ou com baixa visão. Eles ocupam pouco, então são mantidos, a menos que você escolha removê-los.
O que significa precisão automática?
As coordenadas são arredondadas para quantos decimais o tamanho do desenho precisa: dois para um desenho de 200 unidades, três para um ícone de 24, mais para desenhos muito pequenos. As formas ficam no lugar e somem dígitos que ninguém vê.
Meus arquivos são enviados?
Não. Os SVGs são lidos, limpos e comparados no seu navegador. Seus arquivos e seu código nunca saem do seu dispositivo.