diagrams.net 怎么把流程图导出为 PNG：页面尺寸、透明背景与下载核对

流程图画完以后，真正容易出错的是导出：图片可能把整张空白画布一起带走，透明背景也可能没有打开。diagrams.net（draw.io）网页编辑器的做法很固定，沿着 File → Export As → PNG 进入导出面板，再按图形范围、尺寸和背景逐项核对，最后确认下载出的 PNG 外观符合使用场景。

只想导出图形本身，就优先检查 Selection Only 和 Size；需要叠到网页或文档上时，再打开 Transparent background，点 Export 后检查文件是否只保留预期内容。

先确认编辑器入口和当前画布

打开 app.diagrams.net 后，先确认中间是绘图区，顶部能看到 File 菜单，左侧是图形库。这里不需要登录账号；如果画布上有多个页面，先切到要导出的那一页，并选中要作为 PNG 输出的图形。

第1步：从 File 菜单进入 PNG 导出

在顶部点击 File，再选择 Export As → PNG。如果使用的是简化主题，菜单可能收在顶部的三个点中，但菜单名称仍然是 Export As 和 PNG。点击后应出现 PNG 导出设置面板；看不到面板时，先关闭其他对话框再重新走一遍路径。

第2步：按用途核对范围、尺寸和背景

Selection Only 只在当前选中图形时有意义；想把整页内容导出，就不要勾它。Size 用来控制输出边界，通常选择能包住图形的范围，避免四周出现大块空白。需要透明叠加时勾选 Transparent background；需要保留阴影或网格，则分别检查 Shadow 和 Grid，别把编辑器辅助线误当成成品内容。

导出网页配图时，建议保留 Include a copy of my diagram，这样 PNG 里可以嵌入源图数据，今后还能回到 draw.io 编辑；只是用于固定展示时，也可以按文件体积和交付要求决定是否保留。

第3步：点击 Export 并检查下载结果

点击面板底部的 Export，在文件选择器中保存 PNG。下载完成后打开文件，重点核对三件事：图形边缘是否被裁掉、空白边界是否过大、背景是否与预期一致。官方入门页给出的导出结果示例可以作为最终状态参照。

常见问题：为什么 PNG 看起来和画布不一样

为什么导出的图片四周有很多空白？

通常是 Size 仍按整页画布计算，或者没有使用 Selection Only。回到导出面板，先确认需要整页还是选区，再重新检查尺寸和 Border Width。

透明背景勾选了，为什么仍然有底色？

透明背景只处理画布底色；如果图形本身设置了填充色，填充仍会保留。重新检查页面背景、图形填充以及是否把 Grid 一并导出。

PNG 能不能以后继续编辑？

导出时保留 Include a copy of my diagram，通常可以把嵌入的图表数据带进 PNG；但交付源文件时，仍建议另外保存原始的 .drawio 文件。

交付前的最后核对

• 入口确认：File → Export As → PNG。
• 范围确认：Selection Only 与 Size 符合用途。
• 背景确认：需要叠加时已打开 Transparent background。
• 结果确认：本地 PNG 打开后，图形完整、边缘不裁切、无意外网格。