作为一个web前端初学者，对于html5、css3、jquery、w3c、前端、切图、hack、雪碧图等这些关键词一定会比较多见到，其中切图到底是指的什么？很多
以下来自知乎的问答式回答很受欢迎。
1.什么是剪图？
剪切是将.psd 设计稿恢复为网页的过程。这个过程包括两部分：
剪出镜头
编写代码来实现
2、为什么要剪图？
使用PS工具
使用背景图片
图片合并解决方案
浏览器兼容
4、哪些图片需要裁剪？
修改，用于CSS、图标、标志、按钮和具有特效的文本
内容，用于html、Banner、广告图片、文章图片
5、剪切后的图片应该以什么格式保存？
修改后保存为png24（支持半透明）、png8。内容保存为jpg。
6. 有什么绘画教程可以学习吗？
建议大家参考木刻网和网易云课堂的前端裁剪部分。
—–
用户评论
爱情的过失
第一次听说“切图”，原来是指将设计稿转换成网页元素的过程，学到了！
有11位网友表示赞同！
_心抽搐到严重畸形っ°
切图确实挺重要的，但感觉现在的工具越来越多，手动切图的机会越来越少。
有6位网友表示赞同！
半梦半醒半疯癫
“切图”这个词听起来有点古老，现在都流行前端框架了，感觉这个词快要过时了。
有17位网友表示赞同！
野兽之美
刚刚看了这篇，终于明白为什么有时候网页上的图片看起来和设计稿不一样了。
有9位网友表示赞同！
╭摇划花蜜的午后
切图是个技术活儿，不过现在有了那么多切图工具，感觉难度降低了不少。
有14位网友表示赞同！
←极§速
“切图”这个词真的很形象，就像裁缝剪裁布料一样，得讲究尺寸和细节。
有14位网友表示赞同！
肆忌
以前以为切图就是简单的事情，现在看来还是有很多讲究的。
有7位网友表示赞同！
惦着脚尖摘太阳
这篇文章让我对“切图”有了全新的认识，原来它不仅仅是图片处理那么简单。
有10位网友表示赞同！
你tm的滚
看了这篇文章，觉得“切图”在Web前端开发中真的很关键，必须掌握好。
有9位网友表示赞同！
别留遗憾
“切图”这个词虽然简单，但做起来却很复杂，需要耐心和细心。
有19位网友表示赞同！
心贝
切图确实是前端开发的基础，不过现在有了可视化工具，感觉更高效了。
有14位网友表示赞同！
情如薄纱
以前做前端，切图是最头疼的事情，现在有了各种工具，感觉轻松多了。
有8位网友表示赞同！
凉话刺骨
“切图”这个词，虽然听起来有些老土，但却是前端开发的基石。
有8位网友表示赞同！
殃樾晨
学习了，原来“切图”不仅仅是图片处理，还包括布局和样式调整。
有5位网友表示赞同！
迷路的男人
切图对于前端来说，就像是打地基，必须做好才能建起高楼。
有5位网友表示赞同！
羁绊你
感觉现在前端开发，切图的工作量越来越少了，都是自动化的功劳。
有5位网友表示赞同！
┲﹊怅惘。
“切图”这个词，让我想起了大学时候学的图形学，原来两者有关联。
有9位网友表示赞同！
￡烟消云散
现在的前端开发，切图不再是瓶颈，感谢科技的进步！
有16位网友表示赞同！