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.pngpage-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.pngrectangle.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,其余内容仍保持矢量。

相关内容