Center-Website: Medien & Performance (Redaktion)
Diese Seite richtet sich an Content-Redaktion und alle, die im Cockpit Bilder und Videos für die öffentliche Center-Website einpflegen (Hero, Kacheln/Bento, Hintergründe, stille Autoplay-Clips).
Einordnung: Es gibt viele thematische Anleitungen (z. B. Seiten bearbeiten, SEO & Sichtbarkeit). Eine zentrale „Best Practices für die ganze Webseite“ existiert nicht als einzelnes Dokument – hier fokussieren wir Medienqualität, Dateigröße und Ladezeit, weil große Videos die Seite spürbar verlangsamen können.
Kurz: Was ihr vor dem Upload beachten solltet
| Thema | Empfehlung |
|---|---|
| Videos | Kurze Loops für Hintergründe; vor dem Upload mit HandBrake komprimieren – empfohlen: gespeichertes Preset „cockpitOS** (Kacheln)“** (siehe HandBrake). |
| Bilder | Sinnvolle Auflösung (nicht 6000 px breit für eine Kachel); Formate WebP/JPEG/PNG/SVG je nach Motiv. |
| Ton bei reinen Hintergrundvideos | Wenn kein Ton gebraucht wird: beim Export ohne Audiospur – spart Dateigröße. |
| CMS | Nach dem Hochladen prüfen, ob Hero/Kachel auf dem Smartphone sinnvoll lädt (große Dateien fallen dort am stärksten auf). |
Technische Details zur App findet ihr unter Center-Website – Übersicht.
HandBrake – Kurzanleitung für Web-Videos (Redaktion)
Ziel: MP4-Dateien kleiner und schneller ladend machen – für Hero, Kacheln und Hintergrund-Videos im Cockpit.
Software: HandBrake (kostenlos, Mac & Windows)
1. Installation
- Auf handbrake.fr die Version für Windows oder macOS herunterladen.
- Installer ausführen und HandBrake starten.
2. Video öffnen
- „Open Source“ / „Quelle öffnen“ klicken.
- Die Original-Datei (z. B.
.mp4,.mov) auswählen. - Warten, bis die Vorschau geladen ist.
3. Empfohlen: eigenes Preset „cockpitOS** (Kacheln)“** (einmalig anlegen)
Das Team soll einmal das vorgegebene Preset „Fast 720p30“ als Basis nehmen, die Werte unten genau so setzen und als eigene Voreinstellung speichern. Danach reicht auswählen – keine wiederholte Feinjustierung.
Schritte (einmal pro Rechner / HandBrake-Installation):
- Rechts unter „Voreinstellung“ das Preset „Fast 720p30“ wählen (General → Fast 720p30).
- Reiter „Video“ öffnen und folgende Werte setzen (Abweichungen nur nach Absprache mit der IT):
| Feld | Wert |
|---|---|
| Videoencoder | H.264 (x264) |
| Bildfrequenz (BpS) | 25 (PAL Film/Video) (oder an die Quelle anpassen; 25 ist typisch für D/Material) |
| Modus | Maximale Bildfrequenz (VFR) |
| Farbbereich | Begrenzt |
| Qualität | Konstante Qualität |
| RF | 30 (starke Kompression, kleine Dateien – ideal für Kacheln und kleine Hintergrund-Loops) |
| Encodereinstellung (Voreinstellung) | slower (dauert länger, aber bessere Kompression bei gleichem RF als „fast“) |
| Abstimmung | Keine |
| Profil | main |
| Level | 3.1 |
| Schnelle Decodierung | aus |
- Reiter „Zusammenfassung“ (oder „Summary“): Format MP4 prüfen.
- Reiter „Audio“: Für stille Hintergrundvideos die Audiospur entfernen oder deaktivieren – spart oft deutlich MB.
- Oben „Neue Voreinstellung speichern…“ / „Save New Preset…“ klicken (neben der Preset-Auswahl).
- Namen vergeben:
cockpitOS (Kacheln)(und optional eine Beschreibung für das Team). - Danach erscheint das Preset in der Liste – künftig nur noch
cockpitOS (Kacheln)auswählen und encodieren.
Hinweis: RF 30 ist für große Hero-Flächen oder sehr detailreiche Motive ggf. zu stark komprimiert. Für großflächige Hero-Videos kann die IT ein zweites Preset „cockpitOS** (Hero)“** mit gleichen Einstellungen, aber RF 24–26, vorgeben.
Speicherort der Ausgabe: Unten „Ziel“ / „Save As“ – Ordner und neuen Dateinamen wählen (z. B. kachel-aktuelles-web.mp4).
4. Täglich: Encodieren mit dem gespeicherten Preset
- Quelle öffnen (siehe „Video öffnen“).
- Voreinstellung „cockpitOS** (Kacheln)“** (oder euer gespeicherter Name) wählen.
- Zielpfad prüfen, Audio bei stummen Clips prüfen.
- „Start“ / „Encode“ klicken.
- Fertige MP4 im Cockpit hochladen.
5. Hintergrund: Warum die Datei trotz „720p“ nicht kleiner wird
Nur Auflösung (z. B. 1280×720) reicht nicht – die Dateigröße steuerst du vor allem mit RF und Encoder-Geschwindigkeit (slower).
| Einstellung | Bedeutung |
|---|---|
| Konstante Qualität (RF) | Höhere RF-Zahl = kleinere Datei. RF 21 ist noch qualitätsorientiert; RF 30 (cockpitOS Kacheln) zielt auf kleine Dateien für viele parallele Videos. |
| Encoder „slower“ | Bei gleichem RF oft kleinere Ausgabe als „fast“, dafür längere Rechenzeit. |
Quelle schon stark komprimiert? Dann bringt ein Neukodieren wenig oder die Datei wird nicht kleiner – dann kürzer schneiden, ohne Ton exportieren oder mit cockpitOS (Kacheln)** trotzdem eine konsistente Web-Datei erzeugen.
Alternativen ohne eigenes Preset
- „Fast 1080p30“ – wenn das Video scharf und groß bleiben soll (Desktop-Hero).
- „Fast 720p30“ – nur wenn ihr kein cockpitOS-Preset gespeichert habt; dann RF auf 24–30 und Encoder slower manuell setzen (gleiche Werte wie in der Tabelle unter „cockpitOS** (Kacheln)“**).
Wenn etwas schiefgeht
- Zu groß: Preset cockpitOS (Kacheln)** nutzen oder RF erhöhen (z. B. 28 → 30).
- Zu blockig / unscharf: RF eine Stufe senken (z. B. 30 → 28) oder Hero-Preset mit höherer Qualität (RF 24–26) anlegen.
- Encoding zu langsam: Encoder „slower“ ist Absicht; nur bei Zeitdruck auf „slow“ oder „medium“ wechseln (Datei wird dann oft etwas größer).
- Kein Ton nötig: Audio-Spur entfernen (siehe oben).
Verwandte Dokumentation
- Center-Website – Übersicht – Feature-Katalog, SEO-Bereich
- Seiten bearbeiten (Workflow) – Tabs, Hero, Konfiguration
- SEO, AI-Sichtbarkeit & GEO – Texte & Suchmaschinen
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /content-creator-handbuch/center-website-medien-best-practices