1.4.6 图片的切割、优化与存储

简单来说，图片切割就是把一张大图切割成若干张小图，然后再上传到网上去，避免因整张图太大，上传后导致网页加载过慢，顾客等待时间过长，造成不必要的顾客流失。假如我们对图片做了切片处理之后再上传，网页会逐个把切片图依次打开，这样网页的加载速度自然就快了，也就优化了顾客的体验。

1. 图片的切割

切片工具的使用，主要分为以下3个步骤。

01 执行“文件＞打开”命令，打开需要进行切片处理的图片，如图1-91所示。

02 执行“视图＞标尺工具”命令，调出标尺。选择“移动工具”，然后依次从上方和左侧拉出参考线，并放置到合适位置，作为切割参考线，如图1-92所示。

03 选择“切片工具”，然后单击选项栏中的“基于参考线的切片”按钮，即可根据画面中的参考线快速创建切片，如图1-93所示。

2. 切片图的优化

在切片的时候，有时候我们会发现一些不需要切开的地方却被切开了，这时候如何对其进行优化处理呢？主要可分为以下两步来完成。

01 执行“文件＞打开”命令，打开“切片”素材，如图1-96所示。观察图片，会发现这张切好的图其实标题部分是不需要分割的，但被切开了。

02 选择“切片选择工具”，然后在按住Shift键的同时，单击选中想要合并的切片，如图1-97所示。之后单击鼠标右键，在弹出的菜单中选择“组合切片”选项，即可完成切片的合并，如图1-98所示。

3. 切片图的存储

当将图片按照需求切好之后，我们需要对其进行存储，然后再上传到网页中。

执行“文件＞存储为Web所用格式”命令，如图1-99所示。在弹出的“存储为Web所用格式”对话框中设置“存储格式”为“JPEG”，“品质”为“80”，之后单击“存储”按钮，如图1-100所示。选择图片保存的位置，然后依次进行编号，并单击“保存”按钮，即可完成存储操作，如图1-101所示。