Basta carregar qualquer arquivo SVG ou colar seu código, e você terá acesso a diversas ferramentas para otimizar e simplificar sua forma original, obtendo assim o octeto ou ko extra.
Note que isso vale muito para SVGs complexos, mas se o seu SVG vier de um fornecedor de ícones famoso ou similar, você não conseguirá melhorar muito, pois eles já fizeram isso.
Também é útil para inspecionar arquivos SVG suspeitos, pois eles podem conter um pouco de tudo, exceto formas e cores.
| Online SVG Optimizer (SVGOMG) | Adobe Illustrator SVG export | Scour | SVGO CLI |
|---|---|---|---|
| Fundamentos técnicos: The page is a graphical front end to SVGO and states that it is powered by SVGO v4.0.0. About 50 toggles cover metadata, comments, hidden elements, number rounding, path merging and style minification. | Fundamentos técnicos: Illustrator writes SVG from the artwork and offers export options, among them a Minify option that generates code with minimal IDs, indents, lines and spaces. It does not run a post-processing plugin chain comparable to SVGO. | Fundamentos técnicos: A Python optimizer that cleans and shortens SVG. It offers fewer switches than SVGO and the latest PyPI release listed is 0.38.2 of November 2020. | Fundamentos técnicos: A Node.js library and command line tool with a plugin architecture, a default preset, and a configuration file (svgo.config.mjs). It is the engine behind the online page. |
| Entradas e saídas: You open a file or paste markup, change options, and compare the original with the result. Settings include Prettify markup, Compare gzipped, Multipass, and number and transform precision. | Entradas e saídas: Output is produced from the open document through File > Export > SVG, either per artboard or for a selection. Adobe advises against reopening the exported SVG in Illustrator for edits and recommends editing the original .ai file. | Entradas e saídas: Input and output are files: scour -i input.svg -o output.svg. A .svgz extension on the output gives a compressed file. | Entradas e saídas: Takes single files, lists of files or whole folders (recursive option), and writes to named outputs. |
| Control and repeatability: Settings are set by hand in the page and suit one file at a time. There is a reset-all button to return to defaults. | Control and repeatability: Choices are made in the SVG Options dialog at each export, tied to the artwork workflow. | Control and repeatability: Flags can be repeated in scripts and applied to batches of files. | Control and repeatability: A configuration file lets a team keep identical settings, and individual plugins of the default preset can be enabled, disabled or modified. |
| Security handling: The page offers a toggle to remove scripts. This helps to inspect a file from an unknown source, but it is an optimization setting and not a dedicated sanitizer. | Security handling: Illustrator does not claim to clean third-party SVG files for security, since it exports your own artwork. | Security handling: The documentation checked does not describe script removal, so do not count on it for security. | Security handling: A removeScripts plugin deletes script elements and event attributes such as onload and onclick, and collapses anchor elements. The plugin documentation warns that it breaks interactive SVG that depends on JavaScript. |
| Licença e custo: Free web page, MIT licence for the source code. The page does not state a privacy policy or whether files stay in the browser. | Licença e custo: Needs an Adobe subscription. The Illustrator single-app plan is a paid subscription on an annual plan billed monthly, as listed on the Adobe plans page. | Licença e custo: Free, Apache License 2.0. | Licença e custo: Free, MIT licence. |
| Quando escolher: Choose it to tune a single complex SVG and see the effect on size immediately. Gains are small on files that an icon supplier has already optimized. | Quando escolher: Choose it when the SVG is created in Illustrator and a cleaner export is enough. | Quando escolher: Choose it for a Python-based pipeline with simple needs. | Quando escolher: Choose it for build automation and repeatable team settings in a Node.js project. |
Tópicos abordados: SVG, otimização, simplificação, tamanho do arquivo, Octeto, Ko, SVG complexo, fornecedor de ícones, inspeção, SVG suspeito, formas, cores, gráficos web, gráficos vetoriais, desempenho, eficiência, segurança ISO/IEC 29500, ISO 32000, SVG 11, ISO/IEC 14496-22 e W3C SVG.
Privacidade: Não temos relatos de problemas potenciais com esta ferramenta ou com o autor. No entanto, como acontece com muitos serviços online, você está fornecendo seus próprios dados. Dependendo da importância desses dados, é sua responsabilidade avaliar a reputação do autor e o potencial de uso indevido, bem como verificar e aceitar, ou não, os termos e condições.
Sugira a melhor ferramenta online:
Você conhece um site melhor, complementar ou substituto para o listado acima?
> Sugira aqui <
Imagens em tamanho real e downloads estão disponíveis apenas, 100% gratuitos, para membros registrados.
> Conecte-se <
