如何把PSD文档转成HTML文档?

html-css09

如何把PSD文档转成HTML文档?,第1张

先合并图层,再用Photoshop CS中的切片功能,把需要添加文字的部分切割出来,再生成HTM文件即可。

或用photoshop切片工具:

http://www.oia.com.cn/edu/pic/ps/ps1/200602/30622.html

在Photoshop里不能将文件保存为.html格式,因为软件内没有封装该格式保存类型。

下面就用两个实例来证明推论的正确性。

实例一:用存储为方式来保存为网页文件。

1.打开任意图片,点击文件-存储为。

2.点击格式下拉列表,发现没有.html格式,只能放弃保存.html格式操作。

实例二:用存储为 Web 所有格式来保存为网页文件。

1.

2.点击预设,发现没有.html格式。

3.再点击预设下的下拉列表框,发现还是没有.html格式。此时彻底没辙,因为所有的保存方式都尝试过了,但最终没有发现.html存档方式。

由上述两个实例可以证明:Photoshop不支持保存.html格式文件,即不支持图片保存为静态网页文件。

完全可以的!

用ps需要注意以下几点

1 切片的排列

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

2 对于图片的压缩

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

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

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

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

3 对切片的检查

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

如果不懂可以追问!