将图表导出为 WebP 格式图像
WebP 格式是一种专为互联网设计的新型栅格图像格式。WebP 图像的文件大小通常比 JPEG、PNG 和 GIF 文件小，这使得浏览器能够更快地加载网页。如果您想将 draw.io 图表发布到网络上，建议您将其导出为 WebP 图像文件。
上面的流程图模板就是从 draw.io 导出为 WebP 文件的示例。
打开 draw.io 菜单，选择“导出为”>“WebP”。
选择您希望导出图表的选项。
更改缩放百分比可以放大或缩小图表。
增加边框宽度，在图表周围添加空白区域。
如果您只选择了图表的一部分，并且只想导出这部分内容，请启用“仅选择”复选框。
选择是要导出图像中的完整图表（默认大小），还是导出绘图画布的当前页面。
给你的图表添加阴影。
导出图像时，请包含绘图画布网格。
单击“导出” ，在文本字段中输入文件名，然后选择要保存文件的位置，然后单击“确定”。
注意： Safari 无法创建 WebP 图像——如果您在 Safari 中使用 draw.io，将看不到导出为 WebP 的菜单选项。如果您想在 macOS 上导出为这种格式，请下载我们的draw.io 桌面应用程序，或使用 Firefox 或 Chrome浏览器。
用于图表的 WebP 格式
WebP 格式作为一种节省带宽的网页图像格式，正变得越来越受欢迎。
通常比其他图像格式的文件大小更小，从而确保浏览器更快地加载网页。
支持有损压缩和无损压缩。
支持透明度。
大多数现代网络浏览器都能显示WebP图像。
WebP 图像可能会导致图表中的文字和锐利边缘模糊。如果您发现以 WebP 格式导出图表时边缘模糊是一个问题，请改用 PNG 或 SVG 图像格式导出。
或者，您可以将 draw.io 图表直接导出为 HTML 代码，这样 draw.io 查看器就会嵌入到您的页面中——当您的图表包含多个页面或图层时，这种方法更有用。
虽然 WebP 图像理论上支持动画，但导出为这种格式的图表不会有动画效果。如果您在图表中使用动画连接线，请改用 SVG 文件导出，如下例所示。
栅格图像和矢量图有什么区别？
图像文件主要分为两种类型。
栅格图像（JPG、GIF 或 PNG）由单个像素或彩色小方块组成。它们非常适合用于照片和插图，但如果压缩过度或调整尺寸，则可能会变得模糊。
矢量图像（SVG）在网格上描述线条的起点和终点、形状的几何形状及其样式——没有像素。矢量图像的边缘和文字在调整大小时仍然清晰锐利。
包含文本、锐利连接线和形状，且不包含嵌入图像或剪贴画的图表非常适合矢量图像格式 (SVG)。
如果您的图表包含任何嵌入式栅格图像或剪贴画，最好将图表导出为栅格图像格式（PNG、WebP、JPEG）。
我可以将图表数据存储在 WebP 图像中吗？
WebP 和 JPEG 图像不支持嵌入图表数据。如果您将 WebP 或 JPEG 图像文件拖放到 draw.io 编辑器中，它将被导入为单个图像形状。
如果要将图表数据与图像一起存储，请改用 PNG 或 SVG 文件。