【教程1】

第一步 用photoshop软件制作大图

1。首先打开photoshop，选择“文件”下拉菜单中的“新建”。

2。在“新建”对话框中，设置宽度（自定尺寸），高度（自定尺寸），分辨率（72），颜色模式（RGB），背景内容（透明色）。

  注：宽度和高度，一般用像素作单位。括弧内的参数，是我使用的设置。 分辨率单位为像素/英寸，颜色模式选择8位就可以。

  在此对话框的“高级”里，我们还可以设置“颜色配置文件”和像素长宽比，我的设置分别是prophoto RGB 和 方形。

  这些设置都完成了，为了以后制图方便，我们可以点击“存储预设”保存。

3。制做图片，自由发挥。（具体步骤略）

4。图片做好保存时，最好是psd格式，便于各图层修改。

5。由于图较大，不便于上传到网上，也不易打开，所以必须使用切片工具，将其切割成一些小图。

6。选择photoshop“文件”下的“存储为web所用格式”，将大图自动生成为html网页。

7。为了网页的像素品质高，存储为网页格式时，一些相关设置必须注意。

  在“存储为web所用格式”对话框中，我使用的具体参数设置如下：

  a。预设：优化的文件格式（jpeg），压缩品质（最佳），“连续”“ICC配置文件”处打勾，品质（100），模糊（0），杂边（无）。

  b。图像大小：品质选择“两次立方（较平滑）”

8。存储为网页格式时，出现“将优化结果存储为”对话框，参数选择如下：

  a。文件名：自定，后缀为html

  b。保存类型：HTML和图像（html）

  c。设置：背景图像

  d。切片：所有切片

9。保存后，会出现html文件和images文件夹，images文件夹内所有图片都是切割好的图片，用于html文件调用。

  注：一定要先将大图切割，再进行存储为网页这一步。