Vereinslogo und Branding-Bilder hinterlegen

Ihr Verein hat in Sportcloud vier Branding-Bilder, die an vielen Stellen automatisch verwendet werden — vom Browser-Tab bis zur Rechnung. Sie pflegen alle vier an einer Stelle: Homepage → Design → Marken-Assets → „Branding-Bilder verwalten".

Voraussetzung: Sie benötigen die Berechtigung zur Verwaltung der Design-Einstellungen (CMS-Administration).

---

Wo erscheint welches Bild?

Bild	Format	Erscheint hier
Logo quadratisch	1:1, mind. 512 × 512 px	CMS-Kopfzeile, Anmeldeseite, Vereinskarte in der Me-App, öffentliche Homepage, Rechnungs- und Bescheinigungs-PDFs, E-Mail-Kopf, Datei-Freigabeseite
Logo breit	ca. 21:9, mind. 1280 × 400 px	Breite Kopfbereiche, Admin-Banner in der CMS-Seitenleiste; Ersatz für das quadratische Logo, wenn keines gesetzt ist
Favicon	quadratisch, mind. 256 × 256 px	Browser-Tab, Lesezeichen, Startbildschirm-Verknüpfungen
Hero-Banner	16:9, mind. 1920 × 1080 px	Als Landing Page konfigurierte Startseite der Vereinshomepage

Gut zu wissen: Die Bilder werden automatisch in passenden Größen ausgeliefert — z. B. wird das Favicon für Browser-Tabs verkleinert. Sie laden immer nur ein Bild in guter Qualität hoch.

Das quadratische Logo sehen Sie zusätzlich unter Organisation → Übersicht und unter Organisation → Stammdaten. Diese beiden Seiten dienen der Kontrolle und zeigen dieselbe kanonische Logo-Quelle; ändern können Sie das Bild ausschließlich unter Homepage → Design → Marken-Assets. Auf der Stammdaten-Seite führt Sie In Marken-Assets verwalten direkt dorthin.

---

Schritt 1: Dialog öffnen

Navigieren Sie zu Homepage → Design. Auf der Seite Marken-Assets sehen Sie die vier Bild-Kacheln mit dem jeweils aktuellen Stand. Klicken Sie auf Branding-Bilder verwalten.

Schritt 2: Bild-Slot wählen

Links im Dialog wählen Sie, welches der vier Bilder Sie bearbeiten möchten. Rechts sehen Sie das aktuell gesetzte Bild, wo es erscheint und welches Format empfohlen ist.

Ein Klick auf eine andere Kachel wechselt den Slot — Ihre bereits gewählte Datei bleibt dabei erhalten.

Schritt 3: Quelle wählen

Sie haben vier Wege, ein Bild zu setzen:

• Upload — ein Bild von Ihrem Gerät hochladen (JPG, PNG, WebP oder GIF, max. 5 MB; SVG wird nicht unterstützt). Für Logos empfehlen wir PNG oder WebP mit transparentem Hintergrund.
• Bibliothek — ein bereits in der Datei-Bibliothek (Dateien) vorhandenes Bild verwenden. Das Original bleibt in der Bibliothek erhalten; für das Branding wird eine Kopie angelegt.
• Vorlage — ein geprüftes, neutrales Beispielbild übernehmen.
• Assistent — ein Motiv per KI generieren lassen (nicht für das Favicon).

Schritt 4: Alternativtext und Speichern

Geben Sie einen kurzen Alternativtext ein (beschreibt das Bild für Screenreader) — oder kreuzen Sie Dekorativ an, wenn das Bild rein schmückend ist. Eines von beidem ist erforderlich; fehlt es, zeigt der Dialog beim Speichern einen entsprechenden Hinweis.

Klicken Sie auf Speichern. Das Bild ist sofort aktiv; die Kacheln der Marken-Assets-Seite und das Logo beziehungsweise Banner in der CMS-Seitenleiste zeigen den neuen Stand ohne Neuladen. Quadratisches Logo und breites Banner haben dort getrennte Flächen und können gleichzeitig sichtbar sein.

---

Häufige Fragen

Wo stelle ich das große Hintergrundbild der Homepage ein? Wählen Sie unter Homepage → Design → Marken-Assets das Hero-Banner. Dasselbe Marken-Asset kann unter Homepage → Design → Kopf im Bereich Hero-Banner (nur Kopfbereich) ausgewählt oder ausgetauscht werden. Änderungen an einer der beiden Stellen betreffen daher dasselbe Bild. Auf der aufgelösten Landing Page erscheint es ausschließlich unterhalb der Navigationsleiste und wird dort früh vorgeladen. Die Navigation behält ihre zuvor gewählte Farbe oder ihren Verlauf — auch im eingeklappten mobilen Menü. Ein separates Bild für die Navigationsleiste ist derzeit nicht konfigurierbar. Wenn Sie deren Hintergrund ändern möchten, wählen Sie unter Kopf zunächst Einfarbig oder Farbverlauf und konfigurieren Sie diese Einstellung; das Hero-Banner bleibt als Marken-Asset erhalten.

Warum zeigt der Footer plötzlich den Farbverlauf des Headers? Der Header-Verlauf dient nur dann als Footer-Ersatz, wenn im Footer weder eine eigene Farbe noch ein vollständiger Verlauf gesetzt ist. Sobald Sie unter Homepage → Design → Footer „Einfarbig“ wählen, hat diese Farbe Vorrang. Die Deckkraft von 1 bis 100 Prozent wirkt nur auf den Hintergrund — Logo, Text, Links und Tastatur-Fokus bleiben vollständig lesbar.

Das Logo erscheint nicht sofort auf der Homepage / im Browser-Tab. Browser speichern Favicons und Logos zwischen. Laden Sie die Seite mit erzwungener Aktualisierung neu (Strg+F5 bzw. Cmd+Shift+R); der Browser-Tab kann einige Minuten brauchen.

Unter Stammdaten steht „Das Logo konnte nicht geladen werden". Klicken Sie auf Erneut versuchen. Sportcloud lädt die kanonische Logo-Adresse und das Bild erneut, ohne Ihre Stammdaten zu verändern. Bleibt der Fehler bestehen, öffnen Sie über In Marken-Assets verwalten die Marken-Assets und prüfen Sie dort das quadratische Logo. „Kein Logo" bedeutet dagegen, dass aktuell kein Logo hinterlegt ist.

Kann die Organisationsübersicht ihre Organisationsdaten insgesamt nicht laden, verwenden Sie dort ebenfalls Erneut versuchen. Das lädt die Übersicht neu und verändert keine Organisationsdaten.

Warum wird meine SVG-Datei abgelehnt? Aus Sicherheitsgründen akzeptiert Sportcloud für Branding-Bilder nur Rasterformate (JPG, PNG, WebP, GIF). Der Bildinhalt wird zusätzlich geprüft; eine lediglich umbenannte Datei wird nicht als Bild übernommen. Exportieren Sie Ihr Logo als PNG mit transparentem Hintergrund.

Warum erscheint nach dem Entfernen kein früheres Bild mehr? Das Entfernen des quadratischen oder breiten Logos gilt für diesen Logo-Platz vollständig. Sportcloud löscht dabei auch passende ältere Logo-Verweise; interne Übernahmeläufe bringen das entfernte Logo nicht zurück. Insbesondere wird ein breites Logo nicht aus dem quadratischen Logo neu erzeugt. Wenn Sie wieder ein Logo anzeigen möchten, setzen Sie es in Marken-Assets erneut für den gewünschten Platz.

Das Favicon ist ein eigener Browser-Platz. Ein Logo-Delete verändert eine separat gespeicherte Favicon-Quelle niemals. Ändern Sie das Favicon daher über seine eigene Kachel; beachten Sie zusätzlich den Browser-Cache.

Wird mein Bild zugeschnitten? Nein — Bilder werden nicht automatisch zugeschnitten. Ein Querformat-Foto im quadratischen Logo-Slot wirkt daher verzerrt oder abgeschnitten. Nutzen Sie das im Dialog empfohlene Format.

Wer kann die Branding-Bilder ändern? Nur Personen mit der Berechtigung zur CMS-Administration. Jede Änderung wird im Design-Verlauf (Homepage → Design → Verlauf) mit Person und Zeitpunkt protokolliert. Die Berechtigung wird geprüft, bevor Sportcloud einen Upload verarbeitet oder ein Bibliotheksbild für das Branding kopiert. Auch das allgemeine Speichern der Design-Einstellungen kann Bildverweise nicht umgehen; Bilder werden ausschließlich über die dafür vorgesehenen Branding-Aktionen geändert.