SVG（可缩放矢量图形）与 PNG 和 JPG（位图格式）相比具有以下优势：

1. 可无损缩放：SVG 是矢量图形格式，它使用数学描述图形而不是像素点。这意味着 SVG 图形可以在任何尺寸下无损缩放，而不会导致图像质量的损失。相反，PNG 和 JPG 是基于像素的位图格式，缩放时会导致图像失真和模糊。
2. 小文件大小：由于 SVG 使用数学描述图形，它的文件大小通常比位图格式（如 PNG 和 JPG）要小很多。这在网络传输和加载时间方面有优势，特别是对于复杂图形或需要在不同分辨率下使用的图像。
3. 可编辑性：SVG 文件可以在文本编辑器中轻松编辑和修改。你可以通过添加、删除或修改 SVG 元素和属性来调整图形的外观和行为。相比之下，PNG 和 JPG 是静态图像，无法直接编辑。
4. 良好的文本和图形混合性：由于 SVG 使用文本和矢量图形描述，它非常适合于与文本和其他图形元素混合使用。你可以在 SVG 图形中嵌入文本，并对其进行样式和布局调整，这在创建数据可视化、图表和图标等场景下非常有用。
5. 动画和交互性：SVG 支持动画和交互性。你可以使用 SVG 的内置动画功能（如 <animate> 元素）创建简单的动画效果，也可以使用 JavaScript 和 CSS 来控制和操作 SVG 元素，实现更复杂的交互功能。相比之下，PNG 和 JPG 是静态图像，无法直接添加动画和交互性。

百面千相

官网：https://bmqx.papegames.com/home

一戏之面

晦羽之面

以上svg文件由于命名空间声明未充分定义，因此无法直接通过创建svg文件进行访问，所以经过ChatGPT修复之后的svg代码：

一戏之面

晦羽之面的修复也相似处理即可