psd格式的图片恩吗切片做成html

完全可以的！

用ps需要注意以下几点

1 切片的排列

切图的时候要尽量 平行的切 也就是说 分成大行 然后再逐行的切 这样的好处是 在DW里面 便于编辑……就算你 要把你用FW或者IR生成的叶面 在DW里重组 你切片的一行在DW可以看作一个表格

2 对于图片的压缩

大面积的单色可以切成一个图片 然后在DW里面 用背景色替换图片

有规律的延伸（比如几条线）可以切成一个图片 然后把这个图片裁成1像素的 作为背景图

无规律的少色的 可一切成一个图片 尽量把相近的颜色切到一起 存成gif格式 适当的在不影响效果的时候 减色

多色的（比如人物风景）切片 存成JPG 适当在不影响效果的时候 降低画质的百分比

3 对切片的检查

最后希望能把切好的图片 放大仔细检查一下 避免切片之间出现1 2px的切割错误

如果不懂可以追问！

一.想要将psd转为html，首先需要具备几个条件：

重点1就是会用切图工具，如果切图工具都不会用，那么就需要先学习制作图片的工具，例如photoshop，fireworks...等

重点2会用代码编写工具，有编写html,css,js等代码的工具

重点3会页面布局的基本代码，如果不会代码，需要先学习代码，会基本的html代码，css样式代码，如果页面稍微复杂点，还需要会javascript

二.切图以photoshop工具的切片工具切图为例，进行切图的展示（说明:切图的方法有很多，像选择选区然后ctrl+c然后ctrl+n然后ctrl+v，就可以开始保存，此为最简单的切图方法）

1.将所需的PSD文件打开

2.点击打开按钮，选择需要打开的文件

3.文件打开以后，选择工具栏的切片工具，根据需要进行图片的分割，选择切片工具，然后在psd页面上拉动选择位置，就可完成一张图的切片

4.将切图保存

5.选择保存的格式

三.根据psd设计图，进行html代码的书写

示例图：如

总结：按照步骤完成的话，最基本的简单页面，就可以实现出来了。

1、在电脑上打开PS软件，在软件的菜单栏中找到文件，点击后选择打开按钮。

2、选中需要处理的PSD文件，点击打开。

3、在软件的导航栏中选择切片工具。

4、用切片工具在图片上进行所需要的分割，如本例中分为上下两块。

5、在软件左侧的菜单栏中点击文件，选择存储为WEB选项。

6、在d出的对话框中，点击存储按钮。

7、在d出的存储对话框中，选择文件格式html和图像以及所有切片，点击保存。

8、打开文件存储的路径，可以看到生成了一个images文件夹和有网页图标的文件。

9、打开带有网页图标的文件即可看到该网页图片后缀名为html的文件了。

---