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