Skip to content

导出页面 ​

导出会把你当前查看的部件,也就是一个页面、一个画框或一张幻灯片,渲染成一个文件。它始终只针对那一个部件,绝不会导出整个项目。想了解应用为什么这样设计,请看 项目与部件;想在导出前在各部件之间切换,请看 页面标签与组合。

快速概览 ​

  1. 选中或打开你想导出的页面、画框或幻灯片,被渲染的就是这个部件。
  2. 从工具栏打开导出对话框。
  3. 选择一种格式:PNG、JPG、WebP、SVG、PDF 或 PSD。
  4. 选择分辨率以及各格式特有的选项,比如透明背景或质量等级。
  5. 下载。文件会立即下载,并以该部件命名。

详细参考 ​

图像与矢量格式 ​

格式扩展名透明度最适合
PNG.png支持最高质量、通用场景、印刷
JPG.jpg不支持照片和较小的文件
WebP.webp支持在网页上兼顾质量与文件大小
SVG.svg不适用(矢量)徽标、图标,以及需要无限缩放的图形

若需要可直接付印的 PDF 或分层的 PSD,请看 PDF 与 PSD 导出。

分辨率与 DPI ​

DPI典型用途
72仅用于屏幕显示
150草稿或预览质量
300标准印刷(默认值)
600精细印刷,印刷厂要求时使用
自定义最高 1200 的任意值,用于精确的像素尺寸

当你更改格式或 DPI 时,对话框会实时显示最终的像素尺寸。举例来说,一个宽 1000 px 的页面在 300 DPI 下会渲染成约 4167 px 宽,这样你就能在下载前先确认输出结果。

透明度与质量 ​

选项适用于效果
透明背景PNG、WebP跳过背景填充,使导出文件带有 alpha 通道,而不是纯色底
质量JPG、WebP一个滑块,在这两种压缩格式上用文件大小换取清晰度

SVG 两个选项都没有:它与分辨率无关,因此 DPI 不适用,也没有可调节的压缩质量。

选择要导出的内容 ​

导出对话框会显示你即将导出的部件的缩略图和精确像素尺寸,并把你上次使用的格式和设置记为下次的默认值。若要一次导出多个部件,或把页面、画框和幻灯片混在一起导出,请看 批量与组合导出。

导出单个对象 ​

你并不总是需要整个部件。在画布上右键点击任意对象,选择将其单独下载为 PNG。图像会紧贴该对象的边界框裁切,这是一种快速取出单个图标、徽标或图形的方法,无需连带导出它周围的所有内容。

文件名 ​

文件以部件的标签命名,比如 front.png 或 page-2.pdf,并会自动处理成对文件系统安全的名称。当你导出多个部件的选区时,关于这些文件如何命名和打包,请看 批量与组合导出。

键盘快捷键 ​

快捷键操作
Ctrl + Shift + S打开当前部件的分享与导出菜单

场景和幻灯片组导出的是你当前激活的那个画框或幻灯片,而不是一次性导出整块画布或整套幻灯片。想了解这些部件如何组织,请看 场景与画框 和 幻灯片组。

分步操作 ​

快速导出 PNG 或 JPG ​

  1. 打开或点进你想要出文件的页面、画框或幻灯片,对话框读取的就是这个部件。
  2. 点击工具栏中的导出图标,或按 Ctrl + Shift + S 打开分享与导出菜单并选择 Download。
  3. 在格式网格中选择 PNG 或 JPG。
  4. 选择一个 DPI 预设,屏幕使用选 72,多数印刷任务选 300。
  5. 点击下载按钮。文件会立即下载,并以你的部件命名。

获得精确的像素尺寸 ​

  1. 在你想要的部件上打开导出对话框。
  2. 留意预览旁边的尺寸读数,它会随你更改格式或 DPI 而实时更新。
  3. 如果没有一个 DPI 预设正好对上你需要的像素尺寸,就在自定义 DPI 字段里输入一个值(最高 1200),而不是点预设按钮。
  4. 下载前确认读数符合需求,这里没有单独的调整尺寸步骤,你选的 DPI 就决定了最终的像素尺寸。

只取出单个对象,而不是整页 ​

  1. 右键点击画布上的对象,而不是页面背景。
  2. 从右键菜单中选择 Download as PNG。
  3. 应用会紧贴该对象自身的边界框裁切,并以透明背景渲染,这样你得到的就只是那个图标、徽标或图形,不含设计中周围的其余部分。
  4. 文件名来自对象自身的名称或类型,比如 logo.png 或 rectangle.png。

导出视频部件 ​

  1. 如果你所在的部件是视频时间轴而非静态设计,导出对话框会自动切换到视频导出视图,取代图像、PDF 和 PSD 的格式网格。
  2. 选择分辨率、质量预设、帧率和宽高比,然后开始导出。结果是一个直接在你浏览器中渲染出的 MP4 文件。
  3. 完整的操作流程,包括浏览器不支持时该怎么办,请看 视频导出。

常见操作 ​

任务步骤
为徽标或贴纸导出透明 PNG格式选 PNG,开启透明背景,下载
为网页获取尽可能小的文件格式选 WebP,调低质量滑块,不用高 DPI(屏幕用 72 或 150 就够)
用和上次相同的设置重新导出重新打开导出对话框,它会自动记住你上次的格式、DPI、透明度和质量
从繁杂的页面里取出单个图标或徽标右键点击对象,选 Download as PNG
给印刷厂发一个清晰的文件格式选 PNG 或 PDF,DPI 用 300 或对方要求的值,参见 PDF 与 PSD 导出
导出多个部件,或从表格批量导出同一个部件参见 批量与组合导出

疑难解答 ​

  • 含照片或滤镜的页面在 SVG 选项上显示警告。 这是正常的,SVG 无法用矢量路径描述照片或滤镜效果,因此这部分内容会在 SVG 文件内部被栅格化,其余内容仍保持矢量。导出照样有效,警告只是告诉你文件不会是完全矢量的。
  • 自定义 DPI 字段忽略了某个值。 它只接受 1 到 1200 的整数。如果你清空它,对话框会回退到当前激活的那个 DPI 预设按钮。
  • 视频页面根本不显示格式网格。 这是对的,视频部件使用不同的导出流程(分辨率、质量、帧率、宽高比),产出的是 MP4,而不是 PNG、JPG、PDF 或 PSD。如果你的浏览器不支持浏览器内视频导出,对话框会告诉你哪些浏览器支持。
  • 下载按钮提示导出失败。 这通常是一时的,关闭对话框,重新打开,再试一次。非常大或非常精细的部件在高 DPI 下需要一点时间渲染才会开始下载。
  • 右键没有提供 Download as PNG。 确认你是直接点在对象上,而不是空白画布区域,右键点击页面背景打开的是页面自己的右键菜单。

小贴士 ​

让 DPI 匹配目标用途

屏幕用 72,多数印刷任务用 300,只有在印刷厂特别要求时才用 600。更高的 DPI 只会产生更大的文件,在屏幕上却看不出任何好处。

SVG 与栅格内容

如果一个部件包含照片、加了滤镜的图像,或其他无法用矢量路径描述的效果,SVG 选项会给出提示:这部分内容会被栅格化进 SVG,其余内容仍保持矢量。

相关内容 ​