所谓“切图”是不是等于 PSD 转 HTML ？？
目前还没有找到权威的定义，百度百科的“切图”是一踢球的哥们儿。

母鸡呀。

看起来很高深的样子~~~ 是不是用ps切然后导成web？

打开PS 工具列找一个叫 裁切工具 长按不松 二级菜单蹦出 切片工具 然后你就把需要用到的图片 一张张划分区域 像素精确了之后就文件-导出为web所用格式 就行了 导出的images文件夹里的文件名记得改的简单点 .. 切图的时候尽量保持用范围最小的图 比如一个渐变横向菜单背景 .. 你就切个一像素的 repeat-x 就可以了 主要就是怎么省KB怎么来 ..还要考虑到你切图之后放入html后 布局是否方便..

在实际建站过程中，很多时候多会先用图片软件做成效果图。然后在写代码。在PS(或者FW)中有一个工具叫切片工具，就是可以将一张大图弄成很多的小块。然后可以方便导出，对于简单的网页甚至可以直接到处HTML文件。然后将文件放入到DW中进行一些修改最终得到想要的结果。这也是网页设计者常用的思路之一。有些小型的静态网站，甚至完全用不着代码模式通过以上几个软件就能完成。但是这种方法缺点加载缓慢；

当设计师做完了网页效果图之后，制作师需要将效果图转换成HTML静态网页
可是总不能把效果图直接贴上页面吧？所以就需要分割效果图
根据个人经验对效果图进行各部分切割（这里用到的是PS的切片工具）
切图的精华在于“大”化“小”有些图甚至只有1px，放在页面里repeat就中了~
切图其实好是蛮讲究的，在于多看，多练，多琢磨。
切图也是一名前端制作的必备属性~基础中的基础嗷~

楼上正解

是用刀切吗，那是不是得先打印出来，会不会很费钱啊，好茫然啊

一年多以前的问题了，，求各位大侠不要再挖坟。。

看了大神的交流，好复杂呀。

网页中用到的图片应该都是效果图中切出来的吧。你想用到什么图片，就切成什么图片，而且我一般是想用到图的时候才去切，而不会一下子全部切出来。应该是用一张就切一张，不用就不切。切图的时候像素可以要多少像素就切多少像素的。

用ps做好网页，并不能直接用于网页。web有一套自己的解析方法！应用html和css和js来实现web前端！这需要将ps图切图，比如，平铺，图标等！

我一般都是psd中放大到600倍，我的要求是精准到1px；能用背景做平铺的就会使用平铺的方法，总之就是尽可能精准图片大小（包括尺寸以及体积）。
至于psd转html，这个从来没有用过，一般都是完全手打代码。

同道中人，我也同问

切图是为了方便布局

切图 不是字面的意思“把psd切图成碎片“ ， 而是 包含了把psd切成碎图，并且利用div+css排版出网页。 现在公司常把 前端开发俗称为切图。
有个切图网 ，就是专门提供前端开发的

挖坟了

挖坟

顶楼主，末学也想请教如何做好切图

学习了