准备工具/材料：装有windows 10的电脑一台，Photoshop CC（Creative Cloud）软件。
1、打开安装好的ps软件。
2、打开一张图片。
3、将图片切片。
4、找到图片，将图片储存为。
5、进入储存图片界面，设置好之后点击储存。
6、选择格式，图像跟HTML。
1、html中可以用img标签插入图片也可以用css的background插入。具体方法是首先新建一个html文件，里面新建两个div标签，第二个标签中插入img标签并插入图片：
2、然后在上方的style标签中设置第一个div的样式，先给div长度和高度，接着是用background属性引入图片，设置图片不重复以及图片的显示位置j即可：
3、最后打开浏览器就可以看到用两种方法引入的gif的图片了：
保存的方法和操作步骤如下：
1、首先，在PS中完成切片后，依次单击“文件”-->“存储为Web和设备所用格式”，如下图所示。
2、其次，在弹出窗口中，单击右上角的“存储”按钮，如下图所示。
3、接着，在此步骤中，选择“HTML和图像（*.HTML）”作为保存类型，然后单击“保存”按钮即可，如下图所示。
4、最后，保存后，HTML格式的文件和JPG格式的图片就保存在了“images”文件夹中，如下图所示。这样，问题就解决了。
