1、先用PS将你想要的效果图做出来（小编这里就随便在网上截取了一段图做教程讲解）
4、确定好参考线之后，下面就是见证颐忤梗桃奇迹的时刻辣！选择切片工具（图中红框标出），单击图中基于参考线的切片，然后我们的切片就妥妥的生成辣
6、存储的时候可自己调图片质量（可结合小编的另外一篇教程：怎样优化淘宝手机端宝贝详情页图片？），且存储的格式选择HTML和图像
7、找到我们的切片图片，上传至淘宝后台的图片空间
10、切换源码之后，我们看到前台的框架已经出来了，但是没有显示图片
12、全部替换好之后，点击确定，点击发布，即可在前台显示
