Product Design, Manufacturing & Innovation Resources
家 » 在线工具 » 在线 SVG 优化器

在线 SVG 优化器

只需上传任何 SVG 文件或粘贴其代码,你就能获得许多工具来优化和简化原始形状,以获得额外的 Octet 或 Ko。

需要注意的是,它对复杂的 SVG 有很大价值,但如果你的 SVG 来自著名的图标供应商或类似供应商,你就不会有太大改进,因为他们已经做了。

此外,它还可以用来检查可疑的 SVG 文件,因为它可能包含除形状和颜色之外的任何东西。

学科: 网站开发、平面设计、用户界面设计。
Free alternative to Adobe Illustrator SVG export, Scour, SVGO CLI.
Online SVG Optimizer compared with Adobe Illustrator SVG export, Scour and SVGO CLI
Online SVG Optimizer (SVGOMG)Adobe Illustrator SVG exportScourSVGO CLI
技术基础: 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.技术基础: 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.技术基础: 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.技术基础: 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.
输入和输出: 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.输入和输出: 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.输入和输出: Input and output are files: scour -i input.svg -o output.svg. A .svgz extension on the output gives a compressed file.输入和输出: 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.
许可证和费用: Free web page, MIT licence for the source code. The page does not state a privacy policy or whether files stay in the browser.许可证和费用: 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.许可证和费用: Free, Apache License 2.0.许可证和费用: Free, MIT licence.
何时选择它: 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.何时选择它: Choose it when the SVG is created in Illustrator and a cleaner export is enough.何时选择它: Choose it for a Python-based pipeline with simple needs.何时选择它: Choose it for build automation and repeatable team settings in a Node.js project.

涵盖的主题: SVG、优化、简化、文件大小、Octet、Ko、复杂 SVG、图标供应商、检查、可疑 SVG、形状、颜色、网络图形、矢量图形、性能、效率、安全性 ISO/IEC 29500、ISO 32000、SVG 11、ISO/IEC 14496-22 和 W3C SVG。.

隐私 我们没有关于该工具和作者潜在问题的反馈。但与许多在线服务一样,您在这里向他们提供的是您自己的数据。您有责任评估作者的声誉和可能的滥用情况,并检查和接受他们的条款和条件,这取决于您的数据是否具有批判性。

更多的 二维图形 工具

请推荐您最喜欢的在线工具:

您是否知道有比上面列出的网站更好、更互补或可以替代的网站?

> 在此处提出建议 <

第十年 周年纪念日

只有注册会员才能免费获得 100% 的全尺寸图片和下载。.

> 登录 <