如果你做过一段时间前端开发或 UI 设计对接，一定对 SVG 又爱又恨：
🎨 SVG 清晰、可缩放、非常适合图标
😵 但设计工具导出的 SVG 往往又大又乱
🧠 path、g、style 混在一起，根本不想看
💻 直接丢进项目，体积和可维护性都不理想
🔁 每次都要手动清理，非常耗时间
后来我开始使用 tiny-svg 这种专门做 SVG 优化和代码生成的在线工具，并把它部署在服务器上，变成团队内部的“SVG 处理入口”之后，整个流程明显顺了很多：
👉 设计给 SVG，我只负责用。
这篇文章我就从真实使用体验和搭建过程出发，教你用 莱卡云服务器，搭建一套稳定、可控、适合长期使用的 SVG 优化工具 tiny-svg。
一、tiny-svg 是什么？它能解决什么问题？
一句话说明白：
👉 tiny-svg 是一款集 SVG 压缩优化与代码生成功能于一体的在线工具，可以把“设计稿导出的 SVG”变成“前端可直接使用的干净代码”。
它主要解决这些问题：
-
SVG 文件体积过大
-
无用节点、属性太多
-
代码结构混乱
-
不适合直接进代码仓库
二、tiny-svg 适合哪些人？
非常明确：
-
👨💻 前端开发者
转载自 CSDN-专业IT技术社区
原文链接：https://blog.csdn.net/m0_69484557/article/details/157394325
