- 工作中关于雪碧图的处理流程大致如下:
一般的大厂UI都会把小图icon单独切出来，PSD上会有字体颜色以及间距的标注，就像这样: 所以上面的流程图UI直接给出了icon assets不用前端切icon图
但是如果项目比较紧，PM会要UI尽快出图，所以UI就会少了标注和icon assets步骤(还有甚者UI不分组,不分组,不分组)。前端需要在PSD上把所有的icon和颜色字体以及位置都抓出来合成雪碧图，然后在我们的组件里面用到了的图片在雪碧图里面找出来，把图片的高度宽度以及位置量出来，写入css里面。展示到页面。
这个过程对我(PSD不熟，懒癌患者)来说简直了，所以用工具(程序员的工具(命令行))简化这个过程：sprite.plugin。
以上是个人理解，有误请指出
转载请注明出处
一般的大厂UI都会把小图icon单独切出来，PSD上会有字体颜色以及间距的标注，就像这样: 所以上面的流程图UI直接给出了icon assets不用前端切icon图
但是如果项目比较紧，PM会要UI尽快出图，所以UI就会少了标注和icon assets步骤(还有甚者UI不分组,不分组,不分组)。前端需要在PSD上把所有的icon和颜色字体以及位置都抓出来合成雪碧图，然后在我们的组件里面用到了的图片在雪碧图里面找出来，把图片的高度宽度以及位置量出来，写入css里面。展示到页面。
这个过程对我(PSD不熟，懒癌患者)来说简直了，所以用工具(程序员的工具(命令行))简化这个过程：sprite.plugin。
以上是个人理解，有误请指出
转载请注明出处