# 使用自定义 SVG 图像为 Discourse 启动画面添加品牌标识

**URL:** <https://meta.discourse.org/t/branding-the-discourse-splash-screen-with-custom-svg-images/395100>\
**Category:** Announcements\
**Tags:** splash\
**Created:** [2026年二月4日 01:46 UTC](https://meta.discourse.org/t/branding-the-discourse-splash-screen-with-custom-svg-images/395100 "2026-02-04T01:46:32Z")\
**Posts on this page:** 1\
**Showing post:** 28

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [2026年二月21日 14:16 UTC](https://meta.discourse.org/t/branding-the-discourse-splash-screen-with-custom-svg-images/395100/28 "2026-02-21T14:16:06Z")

</div>

谢谢。一位用户报告了这个问题。有一些 SVG 的怪癖（？）使得图片在帖子中显示……很奇怪，但在加载屏幕上却不会。

例如，这个旧版本：

 ![dffe8706e1d9ff4209f9d84db2cf7fa6baac5057](https://global.discourse-cdn.com/meta/original/4X/d/f/f/dffe8706e1d9ff4209f9d84db2cf7fa6baac5057.svg)

在这里看起来完全是坏的，即使我们点击它（它显示一个双重加载条……）。  
但用作启动画面时看起来是好的。

我盲目地让 Gemini “修复它”，它创建了我发布的 SVG 看起来还可以，但显然某些用户在进度条方面有问题。我猜这就是您看到的情况：

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/0/b/80bbc205c10651cc6998a792640a64481f2b1b9c.png)

我在 Windows Chrome/Firefox 或 Android/Chrome 上没有遇到任何问题。

我不知道 Discourse 与这些故障之间是否存在任何关联。

所以，为了保持主题，除了非 CSS 动画之外，当我们想为启动画面使用动画 SVG 时，还有哪些需要注意的事项？

---

_[View the full topic](https://meta.discourse.org/t/branding-the-discourse-splash-screen-with-custom-svg-images/395100)._