知乎说,我理解的网页设计中的切图,有三个境界:
1、能把所有设计稿里出现的图形元素按照基础要求切出来交给前端工程师。
2、对所有切图进行优化,有针对图片输出体积的优化、有利用 CSS Sprite 减少请求的优化、也有针对减少自己后期网站改版升级时候工作量的优化。这部分已经需要很多前段方面的知识了。要让切图也「语义化」必须得和前段配合得很好。
3、从超出「图片」的角度思考并且实现更高阶的效果,比如现在做网页经常需要考虑桌面和移动平台的不同分辨率,使用 Responsive 的布局的话切图应该怎么切,是不是需要切两套;遇到 iPad 或者 rMBP 的高清屏怎么处理网页中的图片以及背景;是否可以应用一些新的技术比如 Web Font、Font Icon、CSS 3 里的新特性来减少网页里的图片等等。