开发交付

导出资源

把图层或画板按 PNG、JPG、SVG、PDF 等格式导出,支持多倍率与 WebP,图标、位图与整页设计稿都能按需交付。

基于 Penpot 官方文档整理汉化 更新于 2026-10-08

如何导出

选中任意图层或画板,在设计属性侧栏底部找到导出区域,点击「添加导出设置」,选择格式与倍率后即可导出。一个图层可以同时添加多条导出设置,例如同时导出 1x PNG、2x PNG 和 SVG。

支持的格式

  • PNG:支持透明背景,适合界面元素与图标位图
  • JPG:体积更小,适合照片类内容
  • SVG:矢量格式,无损缩放,最适合图标与简单插画
  • PDF:适合印刷、归档与矢量交付
  • WebP:兼顾画质与体积,适合线上业务使用

倍率与命名

  • 倍率可设为 0.5x、1x、1.5x、2x、3x、4x 等
  • 高倍率文件自动追加 @2x、@3x 后缀,贴合前端习惯
  • 导出文件名默认使用图层名,规范命名可以直接用于交付
  • 可以一次选中多个图层批量导出
  • 也可通过主菜单的「导出」批量导出文件内所有已配置项

画板背景的取舍

画板背景的取舍

画板属性中的「在导出中显示填充」决定背景色是否参与导出。制作透明素材时取消勾选;导出完整页面截图时保持勾选。

实用提示
  • 图标优先使用 SVG,既能无损缩放又方便前端用 currentColor 控制颜色。
  • 整页设计稿交付评审可导出 PDF,多页内容一份文件即可完整呈现。

准备好开始设计了吗?

不限文件数、不限席位,核心功能永久免费。

免费开始使用 查看全部文档