不懂Web后端开发的小伙伴经常会看到Web后端开发中经常提到的“切图”。 这个概念到底是什么？
1.什么是剪图？
裁剪是指将设计稿分割成图片制作页面，用html+css布局完成静态页面。 简单来说html切图是什么，就是使用切割工具将一张设计图切割成自己需要的小图，然后使用DIV+CSS完成静态页面编写，完成CSS布局。
剪切是将 .psd 设计稿恢复为网页的过程。 这个过程包括两部分：
1.剪出材料
2.编译代码实现
2、为什么要剪图？
没有人可以将整个图像直接称为网页。 剪切图片的主要目的是为网页提供图片素材，允许您从HTML或CSS导入图片。
html:
css:background-img:url(../images/sprite.png)
3.如何剪切图片？
1.使用PS工具
2.使用背景图片
3. 图像合并解决方案
4. 浏览器兼容
4、哪些图片需要裁剪？
1.修改，用于CSS、图标、标志、按钮和文字等特效
2.内容，用于html、横幅、广告图片和文章图片
5、剪切后的图片应该以什么格式保存？
修改后保存为png24（支持半透明）、png8。 内容保存为jpg。
6. 有没有可以学习的切割教程？
建议您参考MOOC和网易云课堂的后端裁剪部分。
7、为什么需要对图片进行剪切而不是把整个图片放到html中？
1、一次性加载大图片会比较慢。 效果就是进入后看到一张图片一点点加载。
2、图像裁剪后，一些纵横重复的图案只需要一个像素宽度的源图像，节省了大量资源。 比如知乎、网易云音乐的后台导航栏可以用一条宽度为1个像素的条纹来覆盖整个背景，然后利用CSS控件将其垂直展开。 这里，使用宽度为1个像素的条纹来代替1个像素。 点切图像是由于轻微的水平梯度造成的。
3. 对于设计稿中的某些元素html切图是什么，您甚至不需要源图像。 你只需要捕获图像并将其传播出去，这样可以节省更多的钱，例如网易的后面。
