导出页面
导出会把你当前查看的部件,也就是一个页面、一个画框或一张幻灯片,渲染成一个文件。它始终只针对那一个部件,绝不会导出整个项目。想了解应用为什么这样设计,请看 项目与部件;想在导出前在各部件之间切换,请看 页面标签与组合。
快速概览
- 选中或打开你想导出的页面、画框或幻灯片,被渲染的就是这个部件。
- 从工具栏打开导出对话框。
- 选择一种格式:PNG、JPG、WebP、SVG、PDF 或 PSD。
- 选择分辨率以及各格式特有的选项,比如透明背景或质量等级。
- 下载。文件会立即下载,并以该部件命名。
详细参考
图像与矢量格式
| 格式 | 扩展名 | 透明度 | 最适合 |
|---|---|---|---|
| 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
- 打开或点进你想要出文件的页面、画框或幻灯片,对话框读取的就是这个部件。
- 点击工具栏中的导出图标,或按
Ctrl + Shift + S打开分享与导出菜单并选择 Download。 - 在格式网格中选择 PNG 或 JPG。
- 选择一个 DPI 预设,屏幕使用选 72,多数印刷任务选 300。
- 点击下载按钮。文件会立即下载,并以你的部件命名。
获得精确的像素尺寸
- 在你想要的部件上打开导出对话框。
- 留意预览旁边的尺寸读数,它会随你更改格式或 DPI 而实时更新。
- 如果没有一个 DPI 预设正好对上你需要的像素尺寸,就在自定义 DPI 字段里输入一个值(最高 1200),而不是点预设按钮。
- 下载前确认读数符合需求,这里没有单独的调整尺寸步骤,你选的 DPI 就决定了最终的像素尺寸。
只取出单个对象,而不是整页
- 右键点击画布上的对象,而不是页面背景。
- 从右键菜单中选择 Download as PNG。
- 应用会紧贴该对象自身的边界框裁切,并以透明背景渲染,这样你得到的就只是那个图标、徽标或图形,不含设计中周围的其余部分。
- 文件名来自对象自身的名称或类型,比如
logo.png或rectangle.png。
导出视频部件
- 如果你所在的部件是视频时间轴而非静态设计,导出对话框会自动切换到视频导出视图,取代图像、PDF 和 PSD 的格式网格。
- 选择分辨率、质量预设、帧率和宽高比,然后开始导出。结果是一个直接在你浏览器中渲染出的 MP4 文件。
- 完整的操作流程,包括浏览器不支持时该怎么办,请看 视频导出。
常见操作
| 任务 | 步骤 |
|---|---|
| 为徽标或贴纸导出透明 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,其余内容仍保持矢量。