1、什么是切图？

切图就是将 .psd 设计稿还原成 Web 页面的过程，这个过程包括两部分：

1. 切出素材

2. 编写代码实现

2、为什么要切图？

没有人可以直接把一整张图片引用页面，当作 Web 页面的。切图的主要目的就是给网页提供图片素材 ，可以让你从 html 或者 css 里引入图片。

html: <img src="" alt="">

3、如何切图？

1. 使用 PS 工具

2. 使用背景图

3. 图片合并方案

4. 浏览器兼容

4、都需要切哪些图？

1. 修饰性，用在 css 里，icon、logo、有特殊效果的按钮和文字

2. 内容性，用在 html 里，Banner、广告图片、文章配图

5、切出来的图片保存为哪种格式？

修饰性的保存为 png24（支持半透明），png8。内容性的保存为 jpg。

6、有哪些可以学习的切图教程

建议可以参考一下慕客网和网易云课堂的前端切图部分。

继续阅读：

原创文章请注明转载自霍者博客本文地址：http://www.huozheweb.com/post/657.html，标题：霍者讲解“切图”到底是什么？