1 打开PSD文件并将其导出为HTML文件使用PSD编辑软件如Adobe Photoshop，打开PSD文件然后选择quot文件quot quot导出quot quot将文件导出为Webquot，在弹出的对话框中选择HTML格式，并设置其他相关选项最后点击quot导出quot按钮，将PSD文件导出为HTML文件2 编辑HTML文件并添加所需的内容使用文本编辑器如。

您好在将PSD文件转化为HTML格式的过程中，首先需要在PhotoshopPS里处理PSD文件，具体步骤是将所有图层合并为单层，然后存储为JPEG或GIF格式这个过程主要是为了优化图像，使其更适合网页显示值得注意的是，PS本身并不支持直接将PSD文件转换为HTML格式下一步，您需要借助一个专业的网页格式处理软件。

1将所需的PSD文件打开 2点击打开按钮，选择需要打开的文件 3文件打开以后，选择工具栏的切片工具，根据需要进行图片的分割，选择切片工具，然后在psd页面上拉动选择位置，就可完成一张图的切片 4将切图保存 5选择保存的格式 三根据psd设计图，进行html代码的书写 示例图如 总结按照步骤完成。

具体的转换步骤是切片工具切图文件储存为web和设备所用格式 点击储存后在格式化一栏选择HTML和图像 搞定~，很简单的LZ只需要了解切图工具的用法就可以了PS图片一般储存为PNG格式一个网页最少需要两次切图，先考虑好自己网页布局和需要的图片再切片导出，可以大大提高工作效率哦~。

最简单就是切片后通过储存为WEB所用格式，然后通过热区加上链接，从而可点击 但这种方法只是应付一下临时需要，真正做起来不可能这样 都是要一步步用DIV布局，通过CSS控制的最关键是做之前必须要把PSD模版结构弄清楚，不然你做DIV布局和写CSS样式的时候会没有逻辑。

可以的方法将psd格式的图片用PSPhotoshop打开，在工具栏的地方有一个选项直接可以将psd文件形式转换成HTML的格式注意是保存文件类型位html。

1在电脑上打开PS软件，在软件的菜单栏中找到文件，点击后选择打开按钮2选中需要处理的PSD文件，点击打开3在软件的导航栏中选择切片工具4用切片工具在图片上进行所需要的分割，如本例中分为上下两块5在软件左侧的菜单栏中点击文件，选择存储为WEB选项6在弹出的对话框中，点击存储。

psd是ps的格式，用ps转成你想要的格式就可以了~如果你想转了html就在文件储存为web和设备所有格式储存 就变成html格式了不过图片文件还是在文件夹里面视频教程这个我就没有啦~不过我说的绝对没有错~因为因为我自己有时候也会用到~。

将设计好的psd文件导入到Photoshop中，将需要切出的图层单独保存为png格式，重复此步骤直至所有需要切出的图层都被保存为png格式接着，使用切片工具对需要切片的区域进行细分，最后在“文件”“存储为Web所用格式”中选择导出类型为HTML，并点击保存在保存页面中，可以设置切片大小保存路径及文件名。

其实标准的网制作完成的工作实际是psd to html，一般情况下，我们会拿到美工的psd，这时候不同的人会有不同的做法1打开fireworks将图片切割导出为html2直接在dreamweaver之类的工具去拖拉布局，导入相关的图片，flash资源3先在ps中完成切图后，在文本编辑器中看着效果图一步步的制作以上是。

是最终以HTML代码形式存在1创建切片切片的类型图像切片输出时导出图像及HTML代码HTML切片输出时只导出HTML代码，不导出图像切片的命名手动命名自动命名文件菜单HTML设置 FW切片预览可直接用F12键FW切片的输出方式直接导出和导出更新方式注要会在当前网页插入FW网页进来排版可引用。

建议你不要用photoshop做切片，把你的psd档用fireworks开启，使用fireworks的切片功能分割你的网页图片，将psd档另存成png档案，接着做2次导出，第一次导出网页的时候时，将所有切片的类型设定为 quot图像quot有两种选择 html 图像代表编辑区跟图片如果你没有将所有的页面都做切片的话，记得勾选。

在Photoshop里不能将文件保存为html格式，因为软件内没有封装该格式保存类型下面就用两个实例来证明推论的正确性实例一用存储为方式来保存为网页文件1打开任意图片，点击文件存储为2点击格式下拉列表，发现没有html格式，只能放弃保存html格式操作实例二用存储为Web所有格式来保存为。

来实现，psd其实就是一种参考，具体我们看下，一些小的代码设计lthtml lthead ltstyle body width960px 限定网页的宽度 margin0 autoboreder1px solid #f00 加个边框利于观察 ltstyle lthead ltbody ltp我是测试文字ltp ltbody lthtml。

保存的图片名称是根据你存储的web页面名称来命名的如你存储的web页面名称为indexhtml，那么保存的图片名称会依次为index_01gif，index_02gif，index_03gif。