网页前端的切图

切图的目的是：将设计图转化成网页代码。

        然而实际应用中，切图只是将设计图中的各种图片资源进行保存处理，并且优化，立刻转为网页代码只会降低网页的可读性。

切图的方式有两种：

1. png，即透明的，可以叠加在其他图片上的一种格式。处理对象一般是：logo、图标、二维码等较小的图片范围

2. jpg，使用80%质量压缩，处理背景层图片，以及相关的图片资源文件，要求是清晰，压缩小的方式。