# 启动画面的人事品牌

**URL:** <https://meta.discourse.org/t/personal-branding-for-the-splash-screen/304711>\
**Category:** Feature\
**Tags:** completed, splash\
**Created:** [2024年四月20日 07:18 UTC](https://meta.discourse.org/t/personal-branding-for-the-splash-screen/304711 "2024-04-20T07:18:41Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2026年二月3日 18:37 UTC](https://meta.discourse.org/t/personal-branding-for-the-splash-screen/304711/9 "2026-02-03T18:37:57Z")

</div>

现在有了一个实验性更改，允许向启动屏幕添加自定义 SVG 标志或动画！这在本次实验之外尚未正式支持，因为我们希望进行更多测试，以确保它不会影响性能和搜索引擎索引。

热切的管理员可以从 `/admin/config/upcoming-changes` 启用它——这会启用一个新的站点设置 `Splash screen image`（启动屏幕图像）。这_必须_是 SVG 格式，以便我们可以将其嵌入页面中。

SVG 可以引用颜色变量，例如 `var(--primary)`、`var(--secondary)` 和 `var(--tertiary)`，以支持深色模式。

添加标志时，我们会显示点和标志：

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/5/4/554f67607fd4ca3289249841c8f2d62c33248726.png)

上传动画 SVG 时，我们只显示动画：

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/2/2/222b3a8b8341c5d4667bd1cf12c9091eaeb089ee.png)

请注意，您必须在 SVG 中使用利用 `transform` 或 `opacity` 的 CSS 动画，因为这些动画在不同的图层上运行，不会被 JS 渲染阻止。我们尝试允许使用 SMIL 动画，但这些动画会卡顿。

---

_[View the full topic](https://meta.discourse.org/t/personal-branding-for-the-splash-screen/304711)._