PxCook如何导出标注截图_将标注结果导出图片发给开发【截图】

设计稿标注完成后，如何把清晰、完整的标注结果交给开发同学？直接发源文件当然不行，截图又怕漏掉关键信息。别担心，掌握下面这三种导出方式，就能轻松搞定标注图的交付，让沟通效率直线提升。

一、使用PxCook内置标注截图功能

这是最直接、最常用的方法。它能精准框选任意区域，并保留所有标注细节，生成一张即拿即用的高清PNG图。

首先，在PxCook中打开你的设计稿，确保标注图层是开启状态，所有需要标注的间距、字体、色值都一目了然。

然后，找到顶部菜单栏那个相机形状的“截图”按钮，或者直接用快捷键 Ctrl+Shift+S（Windows）/ Cmd+Shift+S（macOS） 呼出功能。

接下来，就像你用任何截图工具一样，按住鼠标左键拖拽，框选出需要导出的区域。松开鼠标后，会弹出一个预览窗口，这时务必确认一下，所有标注线和文字都清晰可见，没有遗漏。

确认无误后，点击“导出为PNG”按钮，选择好保存位置和文件名，一张带着完整标注信息的图片就生成了。这个方法特别适合只需要交付某个特定模块或区域标注的场景。

二、通过画布全量导出带标注图层

如果你需要交付的是整个画布或一整屏的标注，比如一个完整的登录页面，那么“全量导出”功能会更高效。它能一键合并设计稿和所有标注图层。

操作前，记得检查一下左侧图层面板：“标注”图层的开关必须是蓝色开启状态，并且没有被隐藏或锁定。

接着，点击软件右上角的“导出”下拉箭头，在下拉菜单中选择“导出标注图”。

这时会弹出一个设置面板。为了保证开发同学拿到所有必要信息，建议把“包含标注线”、“包含文字说明”、“包含颜色取样框”这几个选项都勾选上。

分辨率方面，选择2x通常是个稳妥的选择，尤其适用于iOS/Android的切图需求。格式自然选PNG，最后点击“导出”按钮。

稍等片刻，导出完成后，去你指定的文件夹就能找到这张包含了所有标注信息的完整大图了。

三、使用系统级截图配合标注叠加

有时候，内置功能可能无法满足一些特殊需求，比如需要截取跨多个画板（Artboard）的长图标注。这时候，灵活运用系统截图工具，再稍加手动整合，也是个好办法。

首先，在PxCook里调整好画布缩放比例，确保你想截取的所有标注内容都能完整、清晰地显示在屏幕上。

然后，调用你操作系统的截图快捷键：Win+Shift+S（Windows） 或 Cmd+Shift+4（macOS），框选目标区域进行截图，图片会自动存入剪贴板。

接下来，打开系统自带的画图工具（如Windows的“画图”或macOS的“预览”），把截图粘贴进去。

最后，你可以在图片的空白处，用文本工具添加一些简单的说明，比如“@开发：此处为XX模块标注图，单位px”，这样能避免后续沟通产生歧义。

保存时，建议按[页面名]_[模块名]_标注图_v1.png这样的规则来命名，文件管理起来会方便很多。