DiscourseのスプラッシュスクリーンをカスタムSVG画像でブランディングする

ありがとうございます。ユーザーから報告がありました。アップロードされた画像が、読み込み画面では問題ないのに、投稿に表示されるとSVGの癖(?)で奇妙に見えることがありました。

例えば、この古いバージョン:

ここではクリックしても完全に壊れて見えます(二重の読み込みバーが表示されます)。
しかし、スプラッシュスクリーンとして使用すると正常に見えます。

私は何も考えずにGeminiに「修正して」と頼んだところ、私が投稿したSVGが作成されましたが、一部のユーザーはプログレスバーに関して問題があるようです。おそらく、あなたが見ているのはこれでしょう。

WindowsのChrome/FirefoxやAndroid/Chromeでは問題ありません。

Discourseとこれらの不具合に何らかの関係があるのかどうかはわかりません。

そこで、本題に戻りますが、CSSアニメーション以外に、アニメーションSVGをスプラッシュスクリーンとして使用する際に注意すべき点はありますか?

「いいね!」 2