vue 2.x项目图标管理（选型，优化）

1.问题：前端项目小图标如何处理才是最优解？
          我们都知道web项目图标可以是png,jpg等形式，我们前端人员可以用设计图上面下载这几种格式。那我们的项目应该采取什么格式的图片比较好呢，那就要比较这几种图片展示形式的优缺点。
          图片格式优缺点：https://blog.csdn.net/qq_33988065/article/details/51644672

          如果从设计图给到的图片大小和实际要显示的大小，或者现在的笔记本都高分辨率，小尺寸屏幕 ，都是经过一定的比例缩放，导致图片缩放，对于这种情况一般的图片都会失真，因此我们要采取h5的新特性svg，来解决失真的问题。

2.问题:如何管理图片
          说到这个问题，很多人以为直接把图片放到项目的静态文件里面就可以了，哪里需要啥管理，那么我在提出几种项目开发中遇到的情况，就不得不好好的把图标管理起来了。
           项目开发中，遇到主题色的改变，或者上次后，那么所有的图标的颜色是不是要配合主题发生改变呢。有的人就说了，我们重新下载一遍新主题的图标覆盖掉之前的图标不就行了嘛？这样想是考虑欠缺的，如果设计图上面的命名和项目中的图标命名不一样呢，这时你不得一个个的改名称，还有一个问题，如果需求提出护眼模式，暗黑模式，那该模式下的图标颜色是不是又得变了。有的人又会说直接每种模式下一套图标不就可以了嘛，这样做的话，项目大小就会翻倍了。如果一个图标改了样子&#x