Otimizador de SVG
Otimize seus arquivos SVG com tecnologia de IAReduza o tamanho do arquivo em até 90% mantendo a qualidade
Arraste e solte seu arquivo SVG
ou procure um arquivo para enviar
O arquivo deve ser SVG, com até 10 MB
Uso grátis
Uso ilimitado
Sem cartão de crédito
Comece na hora
Sem cadastro
Use agora mesmo
Por que escolher o ToSVG?
Obtenha os melhores resultados com nossa tecnologia de IA
Otimização rápida
Otimize seus arquivos SVG em segundos com nossos algoritmos de IA. Desempenho de nível empresarial.
Arquivos menores
Elimine metadados e códigos desnecessários e reduza o tamanho em até 90%. Resultado profissional garantido.
Qualidade preservada
Receba arquivos SVG otimizados sem perder qualidade visual. Controle de qualidade de nível empresarial.
Tecnologia de IA
Otimizamos seus arquivos SVG de forma inteligente com as tecnologias de inteligência artificial mais recentes. Nosso sistema aprende com milhares de otimizações e sempre garante os melhores resultados.
99,9% de sucesso
Mais de 10 mil otimizações
Uso ilimitado
Como funciona a otimização de SVG
Seu arquivo é processado com o SVGO, o otimizador de SVG de código aberto amplamente usado, com o preset padrão em modo multipass: as passagens se repetem até o arquivo parar de diminuir. Veja o que muda.
Sobras do editor e do documento são removidas
A declaração XML, o DOCTYPE, comentários e blocos <metadata> são removidos, junto com namespaces e atributos extras que editores como Inkscape, Illustrator e Sketch gravam no arquivo. Descrições genéricas como "Created with…" também saem. Nada disso afeta o desenho da imagem.
Números arredondados e dados de caminho reescritos
Coordenadas e outros valores numéricos são arredondados para três casas decimais. Os comandos de caminho são reescritos na forma equivalente mais curta, segmentos redundantes são descartados e caminhos vizinhos com o mesmo estilo podem ser unidos em um só.
Formas, grupos e transformações simplificados
Retângulos, linhas e polígonos viram caminhos quando isso é mais curto. Grupos e contêineres vazios são removidos, grupos que não acrescentam nada são recolhidos e as transformações são combinadas ou aplicadas sempre que possível.
Estilos e cores são limpos
As cores são escritas na forma mais curta (por exemplo, #ff0000 vira red), o CSS dentro de <style> é minificado, atributos que apenas repetem os padrões do SVG são removidos e elementos ocultos ou vazios são excluídos.
IDs e definições sem uso removidos
IDs que nada no arquivo referencia são excluídos, e gradientes, padrões e outros <defs> sem uso são descartados. IDs que continuam referenciados mantêm o nome original; eles não são encurtados.
O viewBox é mantido; dimensões fixas, não
O viewBox é sempre preservado para que o gráfico escale corretamente. Os atributos width e height são removidos, então o SVG preenche o espaço em que você o colocar. O resultado é escrito em uma única linha, com atributos em ordem consistente, o que também ajuda o gzip.
O que é seguro otimizar e quando ter cuidado
Ícones estáticos, logos e ilustrações exportados de ferramentas de design, incluindo SVGs feitos com nossos conversores, podem ser otimizados com segurança e costumam ganhar mais. Nestes casos, confira o resultado com mais atenção.
IDs usados por CSS, JavaScript ou sprites externos
O otimizador só enxerga o próprio arquivo. Se uma folha de estilo externa, um script ou um <use href="icons.svg#name"> em outra página apontar para um ID, ele parecerá sem uso e será removido. Arquivos que contêm seu próprio elemento <style> ou <script> mantêm os IDs.
SVGs animados
Animações SMIL ou CSS que transformam os dados de um caminho, ou que dependem de uma estrutura de grupos específica, podem quebrar quando os caminhos são reescritos e os grupos recolhidos. Animações simples costumam sobreviver, mas sempre veja a prévia antes de substituir o original.
Texto de acessibilidade
O elemento <title> é removido. Se um leitor de tela precisar de um rótulo, adicione texto alt na tag <img> ou um aria-label onde você incorporar o SVG.
Camadas exibidas e ocultadas por código
Elementos ocultos com display="none" ou opacidade zero são tratados como invisíveis e removidos. Se o seu script os exibe depois, otimize uma cópia sem essas camadas ocultas.
Arquivos que você ainda quer editar
Camadas, guias e outros dados de editor do Inkscape somem após a otimização. Guarde o arquivo de origem para editar e publique a cópia otimizada.
Dúvidas sobre o otimizador de SVG
Otimizar vai mudar a aparência do meu SVG?
Na quase totalidade dos arquivos, não. As mudanças removem dados que não são renderizados e reescrevem o restante de forma mais curta. O único efeito visível pode vir do arredondamento para três casas decimais, que pode aparecer em gráficos com viewBox muito pequeno vistos em tamanhos grandes.
Quanto meu arquivo SVG vai diminuir?
Depende da origem do arquivo. Exportações de ferramentas de design com metadados, comentários e números decimais longos costumam encolher bastante, enquanto arquivos que já foram minificados encolhem muito pouco. A página de resultado mostra o tamanho exato antes e depois.
Qual é o tamanho máximo do arquivo?
Você pode enviar arquivos SVG de até 10 MB. Também é possível colar o código SVG direto na aba Colar código, em vez de enviar um arquivo.
Por que os atributos width e height foram removidos?
O otimizador mantém o viewBox e descarta width e height fixos para que o SVG se ajuste ao contêiner. Se precisar de um tamanho fixo, defina width e height na tag <img> ou no CSS.
É seguro otimizar SVGs usados em sprites ou por JavaScript?
Com cuidado. IDs referenciados apenas de fora do arquivo são removidos, porque o otimizador não enxerga essas referências. Teste o arquivo otimizado no lugar de uso ou guarde o original nesses casos.
O otimizador remove informações de acessibilidade?
Ele remove o elemento <title> e as descrições genéricas de editores. Informe o nome acessível onde o SVG for incorporado, por exemplo com texto alt ou um aria-label.