pixso支持五种导出方式:一、选图层导出png;二、选矢量元素导出svg;三、右键导出画布为jpg;四、批量配置多图层多格式导出;五、复制图层快速粘贴png。

如果您已完成Pixso中的设计工作,需要将图层或画布内容导出为可用的切图资源,则需根据目标用途选择对应格式与导出方式。以下是多种可行的导出方法:
一、导出选定图层为PNG资源
PNG格式适用于需要透明背景和无损质量的UI切图,尤其适合图标、按钮等独立元素。Pixso支持为单个或多个图层直接配置PNG导出参数。
1、在画布中使用鼠标框选或按住Shift键点击多个图层,完成目标图层的选择。
2、打开右侧“设计”面板,找到“导出”区域,点击加号(+)按钮添加导出设置。
3、在导出格式下拉菜单中选择PNG,并设置所需倍数(如1x、2x、3x)及品质(高品质/中品质/低品质)。
4、点击“导出”按钮,系统将自动生成下载任务,导出文件默认命名为所选图层名。
二、导出矢量元素为SVG格式
SVG是基于XML的矢量图形格式,适用于响应式图标、可缩放插图及前端直接嵌入场景。导出SVG能保留路径、描边与填充属性,避免位图失真。
1、确保待导出对象为矢量图形(如形状工具绘制的矩形、路径、文字转曲后的轮廓等)。
2、选中该对象,在右侧“设计”面板的“导出”区域点击加号(+)。
3、从格式选项中选择SVG,关闭“导出为栅格图像”开关(若存在),保持矢量属性完整。
4、点击“导出”,下载的SVG文件可在浏览器中直接预览,或导入代码工程中作为内联SVG使用。
三、导出画布区域为JPG图片
JPG适用于对文件体积敏感、且无需透明通道的展示类图片,例如设计稿预览图、分享截图等。该格式采用有损压缩,需注意品质权衡。
1、在画布空白处右键,选择“导出画布”或使用快捷键Shift+Ctrl+E(Windows)/Shift+Command+E(Mac)。
2、若未配置过导出设置,系统将弹出导出面板;选择格式为JPG,并拖动品质滑块至合适位置(建议不低于80%)。
3、勾选“仅导出可见区域”以排除隐藏图层,避免冗余内容混入。
4、点击“导出”,JPG文件将按当前画布视口范围生成并下载。
四、批量导出多个图层为不同格式
当项目包含大量独立组件(如图标库、状态按钮组)时,可为每个图层分别配置导出规则,实现一次性批量输出多格式资源。
1、在图层面板中,依次右键各目标图层,选择“重命名”,确保名称清晰唯一(如“icon_home_24px”、“btn_primary_hover”)。
2、逐个选中图层,在右侧“导出”区域点击加号,分别为其设置PNG、SVG、JPG三种格式的导出项(同一图层可添加多个导出配置)。
3、全部配置完成后,点击画布任意空白处,再点击顶部菜单栏“文件”→“批量导出”。
4、系统将按图层名自动创建对应文件,导出至本地指定文件夹,每种格式均生成独立子目录。
五、通过复制图层快速获取PNG资源
对于临时提取单个图层用于即时协作或调试,无需保存文件即可获得PNG数据,适用于快速粘贴至文档或聊天工具。
1、在图层面板中单击选中目标图层(支持多选)。
2、使用快捷键Ctrl+C(Windows)/Command+C(Mac)复制图层内容。
3、在外部支持PNG粘贴的应用中(如微信、钉钉、记事本、Photoshop),直接使用Ctrl+V(Windows)/Command+V(Mac)粘贴,系统将自动以PNG格式渲染。
4、若粘贴后显示为链接或占位符,请确认目标应用支持富文本图像粘贴,或改用“导出为PNG”流程获取文件。











