Otimizador de SVG
Reduza um SVG, remova dados de editor, arredonde números longos e troque as cores. O resultado é desenhado ao lado do original e comparado pixel a pixel.
Perguntas frequentes
Meu SVG é enviado a um servidor?
Não. O SVG é lido e reescrito no seu navegador. Nada sai do seu dispositivo.
O que o otimizador altera?
Remove comentários e dados de editor (por exemplo do Inkscape ou do Sketch), grupos vazios, atributos vazios e espaços desnecessários, e pode arredondar números longos para 1, 2 ou 3 casas decimais. Mantém o viewBox, as formas, os degradês, os caminhos de recorte, as máscaras e os ids usados por outras partes.
Meu desenho vai ficar diferente depois?
Sem arredondamento, deve ficar igual. O Imgovo desenha o original e o resultado no mesmo tamanho, compara pixel a pixel e informa quanto diferem. Arredondar para menos casas decimais pode alterar um pouco linhas finas ou detalhes minúsculos, então confira a pré-visualização.
Como funciona a troca de cores?
O Imgovo lista as cores sólidas escritas diretamente em formas e estilos. Escolha uma nova cor para qualquer uma delas e cada uso dessa cor exata é substituído. Degradês, cores definidas por folhas de estilo e a palavra currentColor não são alterados.
O que é removido por segurança?
Scripts, páginas da web incorporadas, animações que podem alterar links, links para outros sites e manipuladores de eventos são removidos. O aviso abaixo do arquivo informa quantos itens foram retirados. Isso é separado de deixar o arquivo menor.
Por que há um aviso sobre texto?
O texto em um SVG é desenhado com uma fonte. Se a fonte não estiver instalada no dispositivo que abre o arquivo, outra é usada e o desenho muda. Converter o texto em contornos no seu programa de desenho evita isso.
Quanto menor o arquivo ficará?
Depende do arquivo. Desenhos exportados de editores costumam encolher bastante por causa dos dados de editor; arquivos já compactos mudam muito pouco. O resultado mostra o tamanho real antes e depois.