切图是什么意思（多热区切图是什么意思）

外人说：

剪切图片就是将图片切成碎片

百度说：

图片裁剪是指将设计稿裁剪成易于制作成页面的图片，并用HTML+CSS布局完成静态页面。

通俗地说，就是使用切片工具将一张设计图切割成自己需要的小图，然后使用DIV+CSS编写静态页面，完成CSS布局。

大家对于剪图都有一个误区。他们认为剪图就是剪图。事实上，情况并非如此。剪切图片的过程称为切片。

剪图的目的：第一个是为了让网页稿具有交互性，实现平时看到的各种功能。

其次就是尺寸，所以在裁剪图片的时候一定要少用图片工具：主流是Dreamweaver，也有一些公司自己开发平台进行制作。

使用div+css布局可以减小网页的尺寸，并且表现和内容分离。

知乎说道：

我理解网页设计中图片的裁剪分为三个境界：

能够根据基本要求将设计稿中出现的所有图形元素剪裁出来并交给前端工程师。对所有剪切图片进行优化，包括优化图片输出量、使用CSSSprite减少请求、优化减少后期网站改版升级时的工作量。这部分已经需要大量的先前知识。为了让剪图具有“语义”，必须与前面的段落配合得很好。超越“图片”思考，实现更高阶的效果。例如，在制作网页时，经常需要考虑桌面和移动平台的不同分辨率。如果使用Responsive的布局，图片应该如何裁剪呢？需要剪两套吗？当遇到iPad或rMBP的高清屏幕时，如何处理网页中的图片和背景？能否应用一些新技术如WebFont、FontIcon、CSS3中的新特性来减少网页中的图片数量等。新手们说：

剪图太简单了，太幼稚了

老兵说：

前几年我们叫前端切图。