即时设计教程 • 导出

「导出」功能可以快速批量导出切片内容用于开发,同时可以导出完整画布、画板等设计稿用于交付等。

导出图层

选中图层后,选择图层属性面板中「导出 -> 添加」添加导出预设后,选择「导出」即可。

支持同时导出多项内容。

导出图层

选中图层后,选择图层属性面板中「导出 -> 添加」添加导出预设后,选择「导出」即可。

支持同时导出多项内容。

修改导出尺寸

可以从下拉选择中修改导出尺寸,也可以直接在输入框中输入尺寸数值修改尺寸。
「x」 表示倍率。

添加导出前缀/后缀

添加导出前缀/后缀可以快速给切图命名导出尺寸,在原图层命名符合开发条件的情况下,前后缀命名导出后可直接供开发使用,无需重新给切图命名。

在导出前缀/后缀输入框中输入任意字符即可完成添加,前缀/后缀内容会在导出名称中进行相应显示。

默认选择添加为后缀,可以通过前缀/后缀下拉选择进行修改。


修改导出格式

展开导出格式下拉选择,即可选择导出格式,支持四种格式选择:PNG、JPG、WebP、SVG。

 

格式说明
PNG:一种无损压缩位图图像格式,一般应用于 JAVA 、网页等程序中,压缩比高、生成文件体积小;
JPG:一种常见位图图像格式,用有损压缩方式去除冗余的图像和彩色数据,在获得极高压缩率的同时能展现十分丰富生动的图像,图片质量会进行一定的压缩;
WebP:是一种同时提供了有损压缩与无损压缩的图片文件格式,可让网页图档有效进行压缩,同时又不影响图片格式兼容与实际清晰度,从而让整体网页下载速度加快。
SVG:是一种基于可扩展标记语言(XML),用于描述二维矢量图形的图形格式,支持无限缩放不失真。

移除导出预设

选择「导出预设 -> 删除」,即可移除该项导出预设。

导出画布

当未选择任何图层时,选择画布属性面板中「导出 -> 添加」添加导出预设后,选择「导出」即可。
默认导出画布背景色。


 

导出文件中的所有内容

可以在文件名下拉菜单中点击「导出」打开导出面板,也可以使用快捷键E或打开左上角菜单点击「文件 -> 导出」,
查看需要导出的所有内容。 点击「导出」面板的右上角切换项,可以选择导出文件中的所有或部分切片、画板及当前页面缩略图。