什么是切图,什么是切图链接 _生活百科

什么是切图？用什么工具来切？

文章插图
切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于作成页面的图片。设计师切图时就需要用到切图工具，比如摹客iDoc，可以自动切图（支持Sketch、AdobeXD、PS的设计稿），设计师只需在设计稿上进行切图标记，上传至iDoc即可，无需手动，开发可以自主下载和使用。
iDoc如何切图？其实很简单：（以PS切图为例）
Step 1.安装并打开摹客iDoc插件
插件安装好后打开PS，在「窗口>扩展功能」找到摹客 iDoc 插件，选择并打开。使用摹客平台账号登录。
Step 2.标记切图
在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。将在名称前增加“-e-”，「标记切图」变为「取消切图标记」，则标记切图完成。
Step 3.上传至iDoc
标记切图后，一键将设计稿上传至云端项目中，开发工程师就可以自主下载切图，只需在右侧面板中选中切图，点击即可下载。
iDoc自动切图，还有以下高效便捷的功能：
1. 切图压缩：在右侧面板中选中切图
2. 切换平台和选择倍率：iOS、Android、Web
3. 下载选中切图，一步到位。
网页设计好后的切图是什么意思呢

文章插图
切图就是把用设计软件设置好的图片切成相应的大小，切图后再把图片上传就可以可以加快显示速度，不用等整个图片都下载以后显示。
PS切图步骤：
1、打开PS，然后点击切片工具。
2、点击切片工具后，就可以把图片切成需要的大小。
3、切好图片后，点击导出web所用格式。
4、进入导出web所用格式页面，按住shift键把所有切片都选中。
5、导出格式设置为JPEG 。
6、最后点击存储就可以了。
什么是切图链接

文章插图
切图就是切图，链接是链接。没有什么切图链接，切图是PS的一个功能，可以导出HTML和图片，但是不会有链接的。链接只是在网页设计的过程中才会有。
UI中的“切图”是什么意思？为什么要切图？

文章插图
【什么是切图,什么是切图链接】切图严格来说并不是Ui设计师的工作
而是前端工程师的工作
指的是将设计师的设计转化为网页
是一种将设计师的“理想”转化为“现实”的工作
将psd进行切片重组利用div+cssjs等等前端开发代码来生成网页的一种技术
此为切图
也是本人的工作