优化SVG的工具

SVG优化工具一览

本文将介绍各种SVG优化工具，涵盖命令行工具、桌面应用、网页应用、API以及设计软件自带功能，并推荐一些深入学习资源。需要注意的是，许多工具不再维护，但依然可用，并且可以结合使用。

命令行工具

• SVGO (目前最流行的工具)
• Scour
• svgcleaner

这些工具虽然不再积极维护，但仍可有效优化SVG。 无需局限于单一工具，可根据实际情况选择合适的工具组合。

命令行工具与任务运行器结合

• grunt-svgmin
• gulp-svgmin
• gulp-svgo
• svgo-loader (webpack)

这些插件可以将SVGO等工具集成到你的前端工作流程中。

桌面应用

• ImageOptim (macOS)
• macOS “文件夹操作”
• SVGO GUI (已过时，32位)

Windows和Linux系统也有通用的图像优化软件，但其对SVG的支持情况需要进一步确认。

网页应用

这些工具方便你上传单个SVG文件进行在线优化：

• SVGOMG
• Nano
• Kraken
• SVG Minifier
• SVG optimiser
• svg-editor

API

• ImageOptim Web Service API
• Kraken
• Imgix (需启用SVG支持)
• Cloudinary (主要用于上传，优化功能尚不明确)

设计软件自带优化功能

设计软件导出的SVG通常需要优化，但软件本身也提供一些优化功能：

• Sketch: svgo-compressor (以及SVGito网页应用)
• Figma: 默认提供一定的优化功能
• Illustrator: SVG NOW
• Inkscape: 可导出“优化SVG”（内部使用Scour）或使用SVGO-Inkscape

深入学习资源

以下文章和视频将帮助你更深入地了解SVG优化：

• Michelle Barker: Web端SVG优化
• Jayden Seric: 如何优化SVG
• Sara Soueidan: 为Web创建和导出更优质SVG的技巧及实用SVGO优化工具
• Cosima Mielke: SVG编辑、转换和优化的工具与资源
• Jake Giltsoff: Web端SVG，准备与优化
• Andreas Larsen: Web使用的SVG优化
• Josh Stoik: Web端SVG优化

手动SVG优化

• Raymond Schwartz: 理解和手动改进SVG优化
• Amberd Design Studio: 如何逐步优化SVG文件
• 视频教程：在Illustrator中减少矢量点
• Kevin Powell视频教程：如何创建、清理和优化SVG
• Brenda Storer演示文稿：解读SVG代码
• Dudley Storey: SVG优化：基础知识

注释:

1. 不再维护的工具：SVGO、Scour、svgcleaner。（更新: SVGO 现已恢复维护。）
2. 维基百科的Johannes Kalliauer指出，每个工具都有其优势。SVGO虽然流行，但也存在最多bug。svgcleaner速度最快。Scour和svgcleaner还可以修复损坏的SVG，而SVGO则不能。

以上是优化SVG的工具的详细内容。更多信息请关注PHP中文网其他相关文章！