把你做好的设计原图，直接(上海淘宝运营培训)拉参考线把宝贝分块【快捷键ctrl+r，然后用移动工具拖动标尺】选择切片工具，点击子菜单上方的基于参考线的切片 ， ps就会按照你的参考系自动切片，导出切片【快捷键ctrl+shift+alt+s,选择优化，格式png24或jpg】。同上，再导出(上海淘宝培训)鼠标经过的图片。然后单独把背景导出，去掉切片，菜单视图——清除切片。按住alt键单击背景图层上的眼睛， 这样背景就单独显示出来了，再导出背景切片。把导出的切片上传淘宝/天猫图片(淘宝运营培训)空间【登入淘宝/天猫-我工作台-图片空间-上传图片】。

 你知道为什么要导出切片，而不是直接导出jpg呢？切片(上海淘宝培训)就是网页格式，导出来的图片非常 小，却又保证了图像质量。

A模块宽度输入你(上海淘宝运营培训)做的页面的宽（一般店铺的首页都采用1920像素）。

B模块高度里输入高的像素。

C背景图是放入你上传在淘宝(上海淘宝培训)图片空间里的背景图连接（图片空间-点击图片复制连接）。

D当你没有做背景图的时候或者你的背景图是纯颜色的背景，就可以在D背景色里输入#颜色数值

E你的店铺是淘宝c店就留空，反之你做(淘宝运营培训)的是天猫店铺一定要在E上打勾。

F你需要几个鼠标经过就勾几个图片，像我做了4个宝贝就需要勾4个图片。

G点击后会出现一个新的二级窗口，G是(淘宝培训)用来编辑图片的地址丶链接丶图片大小以及位置。

     G1是放原图片的地址 ，G2放鼠标(上海淘宝运营培训)经过的地址，G3是详情页的链接。G4是图片的宽，G5是图片的高。G6如上图是图片距离左边的宽度，如上图1宝贝距离左边是465像素，编辑图2的G6距离就是宝贝图1左边距加上宝贝图2的宽度，编辑图3以此类推。顶部切片没有留高度，所以G7=0PX。编辑完(上海淘宝培训)后点击生成代码—确定生成—复制代码。

登入你的后台—装修店铺—点击编辑—点击(上海淘宝运营培训)编辑代码—然后粘贴代码—预览（c店可以，天猫需要发布才能看到效果哦）。