Web 页面设计 PS 剪切图片基本步骤
1、 确保电脑里安装了 Photoshop。点击 psd 后缀的文件，直接进 入 Photoshop 界面。由于 web 网页需要从服务器端下载，故剪切 图片时在满足要求的前提下尽量小，减少客户端的下载流量。
2、 剪切操作如下：
<1> 从上方标尺拉两条水平线到需要的位置，即确定了剪切图片 的高。有时，图片直接有些 嵌套或交接，要隐藏相应的图层或信 息，然后在拉线。
<2> 从左方标尺拉两条垂直线到需要的位置，就确定了剪切图片 的宽。要准确一点，放大或者缩小定位。
<3> 在左边的工具栏里，点击一下小刀形状的工具，然后将刀子 放到从你设定的矩形的左上角，再拉到右下角，这样就剪切出来 了。 <4> 右击剪切的图片，选择“编辑切片选项” ，对你的切片进行命 名。
3、 切片命名规则建议 图片要用到 html 页面中， 看其名字就应该能够知道其大概的位置。 例如， 一个 html 可能有很多图片， 假设 header 有三个图片。 header 第一个图片命名为 header_first45x64,其中 45x64 保存的是其宽度 和高度。
4、所需要的图片都剪切完成后，点击菜单栏“文件” ，选择“存储为 Web 所用格式” （快捷键 ctrl+shift+alt+S） ，再点击“存储”按钮，选 择“选中的切片” ，选择保存位置。