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），再点击“存储”按钮，选
择“选中的切片”，选择保存位置。