这里将图片切割成3份 3接着点击菜栏的文件，选择导出，点击存储为Web所用格式4在弹出的窗口上选择格式颜色大小等相关数据修改后，按下回车键存储5弹出的窗口选择好保存路径，命名好文件，点击保存6保存后的文件在一个文件内，打开后就会看到分割好的三个图了。

打开微信并进入小程序界面点击打开手机桌面上的微信应用进入消息页面后，下拉页面以打开“最近”或小程序界面搜索并进入“九格拼图”小程序在小程序搜索框中输入“九格拼图”搜索到小程序后，点击进入选择照片并进行切割进入小程序后，点击“切图”选项接着，点击“选择照片”按钮，从手机。

笔者是安卓开发者，习惯于这种可视化的编程，所以没有选择Webstrom或者其他开发工具，接下来将介绍微信开发者工具基本功能机型选择小程序以IPhone6的屏幕尺寸为设计标准，让UI小姐姐按照IPhone6屏幕尺寸来切图预览界面写好视图布局后点击编译，视图界面刷新显示远程调试手机端和PC端开发工具联调非常。

需要有代码小程序的切图给技术是需要运行代码的微信小程序切图和传统H5切图的区别不大，基本也都是设计师提供设计稿源文件。

在尺寸上，遵循iOS安卓微信小程序和web网页的格式需求切图命名采用英文，表达切图真实的含义即可在切图给开发的过程中，传统方式低效，现代方式借助自动化工具完成，如InvisionZeplin摹客协作Figma和摹客DT等哪些图层需要进行切图设计师需要判断哪些图层需要进行切图，确保设计稿最终的落地。

1首先在手机桌面找到“微信”并打开在右下角有个“发现”按钮并点击，然后找到“小程序”点击进入2在搜索栏输入“九宫格照片拼图”并点击下面的“九宫格照片拼图”小程序3进入该界面后，在右下角有个“切图”图标并点击进行下一步操作4进入“九格切图”界面后，点击中间的“+”符号添加。