# Personalizzare la schermata di avvio di Discourse con immagini SVG personalizzate

**URL:** https://meta.discourse.org/t/branding-the-discourse-splash-screen-with-custom-svg-images/395100
**Category:** Announcements
**Tags:** splash
**Created:** [4 Febbraio 2026, 1:46am 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:** 13

<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: [6 Febbraio 2026, 3:24pm UTC](https://meta.discourse.org/t/branding-the-discourse-splash-screen-with-custom-svg-images/395100/13 "2026-02-06T15:24:07Z")

</div>

Si noti che c’è una [leggera modifica](https://github.com/discourse/discourse/pull/37606) in ciò che stiamo consentendo per l’animazione SVG (e ho aggiornato l’OP per rifletterlo). Inizialmente stavamo consentendo le animazioni SMIL negli SVG, ma si scopre che queste hanno dei singhiozzi perché il browser mette in pausa questo tipo di animazione mentre viene eseguito javascript.

Quindi, invece, la raccomandazione è di utilizzare solo animazioni di trasformazione CSS e opacità nei tuoi SVG, poiché queste non sono bloccate da JS.

Se dai un’occhiata all’SVG di @ばこん sopra… fornisce un buon esempio di un’animazione consentita:

```css
@keyframes unique-slide {
  0% { transform: translateX(-80px); }
  100% { transform: translateX(260px); }
}

```

Fai anche attenzione a dare alle tue animazioni nomi univoci in modo che non entrino in conflitto con altre animazioni in Discourse (nomi come “blink”, “rotate”, “fade” ecc. potrebbero essere troppo generici). Usare un prefisso come `unique-` è un ottimo modo per evitarlo.

---

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