什么是切图? 切图要达到什么目的?

Question

关于网页制作的，什么是切图，切图要达到什么目的，用什么工具来切?

Answer 1

制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。）切图的目的就是更加精确的进行网页布局。photoshop、fireworks等软件都带有切片工具。追问

什么是切图?可以说细点吗？谢谢！

追答

对于网页切图
你可以到【0702】博.客.看.看.....

Answer 2

切图是开发用来开发web网页或者移动端的时候所需要直接挪用的元素
一般都是设计师切好给到开发，但是现在越来越多的开发觉得设计师切的用起来不够符合他们的习惯，所以现在大多公司都是在用蓝湖了
设计师做好图之后直接通过插件上传蓝湖，蓝湖直接自动标注和切图了
开发只需去蓝湖上面看标注信息和下载切图即可
而且蓝湖支持很多格式的切图下载，开发想要什么格式就什么格式。很方便

Answer 3

能把所有设计稿里出现的图形元素按照基础要求切出来交给前端工程师。

对所有切图进行优化，有针对图片输出体积的优化、有利用 CSS Sprite 减少请求的优化、也有针对减少自己后期网站改版升级时候工作量的优化。这部分已经需要很多前段方面的知识了。要让切图也「语义化」必须得和前段配合得很好。

从超出「图片」的角度思考并且实现更高阶的效果，比如现在做网页经常需要考虑桌面和移动平台的不同分辨率，使用 Responsive 的布局的话切图应该怎么切，是不是需要切两套；遇到 iPad 或者 rMBP 的高清屏怎么处理网页中的图片以及背景；是否可以应用一些新的技术比如 Web Font、Font Icon、CSS 3 里的新特性来减少网页里的图片等等。


比起网页的切图，移动平台和桌面软件的切图又不一样了，比如可以方便时候用九宫格、不在乎图片数量但同样在乎文件体积等等，所以就像开头所说的，切图自古就不是一件轻松的活儿~

Answer 4

发帖格式错误