Medien-Editor
Der integrierte Medien-Editor ermöglicht es Ihnen, Fotos zuzuschneiden, zu filtern, anzupassen und zu transformieren sowie Videos zu trimmen, die Geschwindigkeit anzupassen und stumm zu schalten -- alles ohne den Post-Erstellungs-Assistenten zu verlassen. Der Editor öffnet sich als Vollbild-Overlay mit dunklem Thema und bietet plattformspezifische Zuschneide-Voreinstellungen, damit Ihre Medien perfekt auf Instagram, Facebook und TikTok passen.
Editor öffnen
Während der Post-Erstellung (Schritt 1: Medien) klicken Sie auf eine beliebige hochgeladene Medien-Miniatur oder den "Bearbeiten"-Button, der beim Überfahren erscheint. Der Editor erkennt den Dateityp automatisch:
- Bilddateien (JPEG, PNG, BMP) öffnen den Foto-Editor mit fünf Werkzeugen: Zuschneiden, Anpassen, Filter, Text und Transformieren.
- Videodateien (MP4, MOV) öffnen den Video-Editor mit drei Werkzeugen: Trimmen, Geschwindigkeit und Stummschalten.
Editor-Layout
Der Editor verwendet ein responsives Layout, das sich an Ihre Bildschirmgrösse anpasst:
Desktop (768px und breiter):
- Eine Kopfleiste oben mit dem Editor-Titel, Rückgängig/Wiederherstellen-Schaltflächen, Anzeigemodus-Umschalter, Speichern-Button und Schliessen-Button
- Eine linke Seitenleiste (64px breit) mit vertikalen Werkzeug-Icons
- Ein zentraler Canvas-Bereich, der die Bild- oder Videovorschau zeigt
- Ein rechtes Panel (300px breit), das bei aktivem Werkzeug erscheint und die Werkzeugsteuerungen anzeigt
Mobil (unter 768px):
- Eine Kopfleiste oben
- Der zentrale Canvas in voller Breite
- Eine horizontale Werkzeugleiste am unteren Rand mit scrollbaren Werkzeug-Tabs
- Ein erweiterbares Werkzeug-Panel unterhalb der Werkzeugleiste (max. 192px Höhe) bei aktivem Werkzeug
- Eine Fusszeile mit Abbrechen- und Speichern-Schaltflächen
Anzeigemodi
Auf Mobilgeräten kann der Editor in zwei Anzeigemodi arbeiten:
- Sheet-Modus -- Der Editor öffnet sich als Bottom-Sheet, das 95% der Viewport-Höhe einnimmt, mit abgerundeten oberen Ecken
- Vollbild-Modus -- Der Editor füllt den gesamten Bildschirm
Wechseln Sie zwischen den Modi mit der Erweitern/Reduzieren-Schaltfläche in der Kopfleiste.
Foto-Editor
Der Foto-Editor bietet fünf Werkzeuge für nicht-destruktive Bildbearbeitung. Alle Bearbeitungen werden auf einen Canvas angewendet und beim Speichern als einzelne JPEG-Datei exportiert.
Zuschneiden-Werkzeug
Das Zuschneiden-Werkzeug ermöglicht es Ihnen, einen Bereich Ihres Bildes mit plattformspezifischen Seitenverhältnis-Voreinstellungen auszuwählen. Voreinstellungen sind nach Plattform gruppiert:
Instagram-Voreinstellungen:
| Voreinstellung | Seitenverhältnis | Auflösung | Verwendungszweck |
|---|---|---|---|
| Quadrat | 1:1 | 1080x1080 | Feed-Beiträge, Profilraster |
| Hochformat | 4:5 | 1080x1350 | Feed-Beiträge (maximaler vertikaler Platz) |
| Stories/Reels | 9:16 | 1080x1920 | Stories und Reels |
| Querformat | 1.91:1 | 1080x566 | Querformat-Feed-Beiträge |
Facebook-Voreinstellungen:
| Voreinstellung | Seitenverhältnis | Auflösung | Verwendungszweck |
|---|---|---|---|
| Querformat | 1.91:1 | 1080x566 | Timeline-Beiträge |
| Quadrat | 1:1 | 1080x1080 | Timeline-Beiträge |
| Stories | 9:16 | 1080x1920 | Facebook Stories |
TikTok-Voreinstellungen:
| Voreinstellung | Seitenverhältnis | Auflösung | Verwendungszweck |
|---|---|---|---|
| Video | 9:16 | 1080x1920 | TikTok-Videos |
Frei:
| Voreinstellung | Seitenverhältnis | Auflösung | Verwendungszweck |
|---|---|---|---|
| Frei | Beliebig | Beliebig | Benutzerdefiniertes Zuschneiden ohne Seitenverhältnis-Einschränkung |
Wählen Sie eine Voreinstellung, um deren Bezeichnung und empfohlene Auflösung zu sehen. Die aktive Voreinstellung wird mit einem bernsteinfarbenen Rand hervorgehoben. Klicken Sie auf Anwenden, um den Zuschnitt zu bestätigen, oder auf Zurücksetzen, um ihn zu entfernen und zum vollständigen Bild zurückzukehren.
Anpassungs-Panel
Das Anpassungs-Panel bietet drei Schieberegler zur Feinjustierung des Bilderscheinungsbilds. Jeder Schieberegler reicht von 0% bis 200%, wobei 100% der neutrale (unveränderte) Wert ist:
| Anpassung | Funktion | Standard |
|---|---|---|
| Helligkeit | Steuert die allgemeine Helligkeit oder Dunkelheit des Bildes. Werte unter 100% verdunkeln das Bild; Werte über 100% hellen es auf. | 100% |
| Kontrast | Steuert den Unterschied zwischen hellen und dunklen Bereichen. Höhere Werte machen helle Bereiche heller und dunkle Bereiche dunkler. | 100% |
| Sättigung | Steuert die Intensität der Farben. 0% erzeugt ein vollständig entsättigtes (Graustufen-)Bild; 200% erzeugt überlebhafte Farben. | 100% |
Jeder Schieberegler zeigt seinen aktuellen Prozentwert auf der rechten Seite. Eine Zurücksetzen-Schaltfläche (kreisförmiges Pfeil-Icon) am unteren Rand stellt alle drei Schieberegler auf ihre Standard-100%-Werte zurück. Die Schaltfläche ist deaktiviert, wenn alle Schieberegler bereits auf ihren Standardwerten stehen.
Anpassungen werden als CSS-Canvas-Filter angewendet und mit jedem aktiven Filter-Preset kombiniert.
Filter-Galerie
Die Filter-Galerie bietet 12 vorgefertigte Filter-Presets, inspiriert von populären Social-Media-Ästhetiken. Jeder Filter wird als kleines quadratisches Thumbnail (72x72px) mit dem auf Ihr tatsächliches Bild angewendeten Filtereffekt angezeigt, sodass Sie das Ergebnis vor der Auswahl in der Vorschau sehen können.
Verfügbare Filter:
| Filter | Effektbeschreibung |
|---|---|
| Original | Kein Filter angewendet. Stellt das Bild in seinen ungefilterten Zustand zurück. |
| Clarendon | Erhöht Kontrast und Sättigung für einen lebhaften, kräftigen Look. |
| Gingham | Hellt leicht auf mit einer subtilen warmen Farbtonrotation für ein weiches Vintage-Gefühl. |
| Moon | Vollständige Graustufen-Konvertierung mit leicht erhöhtem Kontrast und Helligkeit für einen dramatischen Schwarz-Weiss-Look. |
| Lark | Reduziert den Kontrast bei erhöhter Helligkeit und leichter Entsättigung für eine leichte, luftige Ästhetik. |
| Reyes | Wendet einen Sepia-Ton mit reduziertem Kontrast und Sättigung für einen verblassten, staubigen Vintage-Look an. |
| Juno | Verstärkt Sättigung und Kontrast stark mit einem leichten Sepia-Ton für warme, lebhafte Töne. |
| Slumber | Entsättigt während Helligkeit und ein subtiler Sepia-Ton für eine verträumte, gedämpfte Palette hinzugefügt werden. |
| Crema | Leichter Sepia mit sanfter Kontrast- und Helligkeitserhöhung für einen warmen, cremigen Ton. |
| Ludwig | Subtile Kontrast- und Helligkeitserhöhung mit leichtem Sepia und leichter Entsättigung für einen cleanen, redaktionellen Look. |
| Aden | Warme Farbtonrotation mit reduziertem Kontrast und Entsättigung für ein Golden-Hour-Glühen. |
| Perpetua | Sanfte Erhöhung von Kontrast, Helligkeit und Sättigung für einen natürlich verstärkten Look. |
Klicken Sie auf ein Filter-Thumbnail, um es anzuwenden. Der ausgewählte Filter wird mit einem bernsteinfarbenen Ring hervorgehoben. Klicken Sie erneut auf denselben Filter (oder auf "Original"), um ihn zu entfernen.
Auf Mobilgeräten scrollen Filter horizontal in einer einzelnen Reihe. Auf dem Desktop werden sie in einem 4-Spalten-Raster angezeigt.
Textüberlagerungs-Werkzeug
Das Textüberlagerungs-Werkzeug ermöglicht es Ihnen, eine oder mehrere Textbeschriftungen über Ihrem Bild hinzuzufügen. Jede Textüberlagerung kann individuell gestaltet und positioniert werden.
Text hinzufügen: Klicken Sie auf die bernsteinfarbene Text hinzufügen-Schaltfläche, um eine neue Textüberlagerung zu erstellen. Sie erscheint in der Mitte des Bildes mit Standardeinstellungen (weisse Farbe, 32px Schriftgrösse, Inter-Schriftart).
Textliste: Alle hinzugefügten Textüberlagerungen erscheinen in einer scrollbaren Liste. Klicken Sie auf eine Überlagerung, um sie zur Bearbeitung auszuwählen. Die ausgewählte Überlagerung hat einen bernsteinfarbenen Rand. Klicken Sie auf die X-Schaltfläche bei einem beliebigen Element, um es zu löschen.
Ausgewählte Überlagerung bearbeiten: Wenn eine Textüberlagerung ausgewählt ist, erscheinen folgende Steuerelemente:
| Steuerelement | Beschreibung |
|---|---|
| Texteingabe | Ein Textarea zum Bearbeiten des angezeigten Textes. Unterstützt mehrzeiligen Inhalt. Fokussiert automatisch, wenn eine neueÜberlagerung erstellt wird. |
| Schriftartenauswahl | Ein Dropdown mit 6 Schriftfamilien: Inter (Sans-Serif), Georgia (Serif), Courier New (Monospace), Arial Black (Sans-Serif), Impact (Sans-Serif), Comic Sans MS (Kursiv). |
| Grössenschieberegler | Passt die Schriftgrösse von 12px bis 96px in 1px-Schritten an. Die aktuelle Grösse wird in Klammern angezeigt. |
| Farbpalette | 10 Farbfelder in einem Raster: Weiss, Schwarz, Rot, Grün, Blau, Gelb, Orange, Magenta, Cyan, Bernstein. Die ausgewählte Farbe hat einen bernsteinfarbenen Ring und ist leicht vergrössert. |
| Fett-Umschalter | Schaltet die fette Schriftstärke um. Wenn aktiv, füllt sich die Schaltfläche mit Bernstein. |
| Kursiv-Umschalter | Schaltet den kursiven Stil um. Wenn aktiv, füllt sich die Schaltfläche mit Bernstein. |
| Löschen-Schaltfläche | Rot getönte Schaltfläche zum Entfernen der ausgewählten Textüberlagerung. |
Textüberlagerungen können durch Ziehen auf dem Canvas repositioniert werden (die x/y-Koordinaten werden als Prozentsätze der Bildabmessungen gespeichert).
Transformations-Steuerungen
Das Transformations-Panel bietet drei Aktionsschaltflächen in einer horizontalen Reihe zum Drehen und Spiegeln des Bildes:
| Steuerelement | Funktion |
|---|---|
| Drehen (Pfeil-im-Uhrzeigersinn-Icon) | Dreht das Bild um 90 Grad im Uhrzeigersinn bei jedem Klick. Vier Klicks kehren zur Originalausrichtung zurück. Der aktuelle Drehwinkel wird unterhalb der Schaltflächen angezeigt, wenn ungleich Null (z. B. "Drehung: 90 Grad"). |
| Horizontal spiegeln (horizontales Spiegel-Icon) | Spiegelt das Bild horizontal (links-rechts). Wenn aktiv, wird die Schaltfläche mit einem bernsteinfarbenen Ton hervorgehoben. Erneut klicken, um rückgängig zu machen. |
| Vertikal spiegeln (vertikales Spiegel-Icon) | Spiegelt das Bild vertikal (oben-unten). Wenn aktiv, wird die Schaltfläche mit einem bernsteinfarbenen Ton hervorgehoben. Erneut klicken, um rückgängig zu machen. |
Transformationen werden auf allen Zuschneide-, Filter- und Anpassungseinstellungen angewendet.
Rückgängig und Wiederherstellen
Der Foto-Editor pflegt einen Verlaufsstapel von bis zu 30 Zuständen. Die Kopfleiste zeigt Rückgängig- und Wiederherstellen-Schaltflächen, die aktiv werden, wenn ein Verlauf verfügbar ist. Jede Änderung (Zuschneide-Voreinstellungsauswahl, Schieberegleranpassung, Filterauswahl, Textänderung, Drehung, Spiegelung) erzeugt einen neuen Verlaufseintrag, durch den Sie schrittweise navigieren können.
Foto-Bearbeitungen speichern
Klicken Sie auf die Speichern-Schaltfläche in der Kopfleiste (oder die Speichern-Schaltfläche in der mobilen Fusszeile). Der Editor:
- Rendert das Bild in voller Auflösung auf einen Off-Screen-Canvas mit allen angewendeten Bearbeitungen (Zuschnitt, Anpassungen, Filter, Textüberlagerungen, Transformationen)
- Exportiert den Canvas als JPEG-Blob
- Erstellt ein neues File-Objekt mit dem Namen
{original-name}-edited.jpg - Gibt das Ergebnis an den Post-Assistenten zurück, der das ursprüngliche Medienelement ersetzt
- Validiert die bearbeitete Datei erneut gegen alle ausgewählten Plattformen
Der Editor schliesst sich automatisch nach dem Speichern.
Video-Editor
Der Video-Editor ermöglicht es Ihnen, Videos vor der Veröffentlichung zu trimmen, die Geschwindigkeit anzupassen und stumm zu schalten. Er verwendet ffmpeg.wasm für die Verarbeitung, die vollständig in Ihrem Browser läuft.
Video-Vorschau
Der zentrale Bereich zeigt den Videoplayer mit Wiedergabesteuerungen. Das Video wird innerhalb der aktuellen Trim-Grenzen abgespielt und berücksichtigt die ausgewählte Geschwindigkeit und Stummschaltungseinstellungen. Die Vorschau aktualisiert sich in Echtzeit, während Sie die Trim-Griffe anpassen.
Video-Timeline
Unterhalb der Videovorschau bietet ein Timeline-Scrubber visuelle Kontrolle über den Trim-Bereich:
- Vollständige Spur -- Ein horizontaler Balken, der die gesamte Videodauer repräsentiert
- Aktiver Bereich -- Ein bernsteinfarbig getönter Abschnitt, der den Teil des Videos zeigt, der beibehalten wird
- Abgedunkelte Bereiche -- Dunklere Abschnitte links und rechts, die die abgeschnittenen Teile zeigen
- Trim-Start-Griff -- Ein bernsteinfarbener Kreis am linken Rand des aktiven Bereichs. Ziehen Sie ihn, um den Startpunkt festzulegen.
- Trim-Ende-Griff -- Ein bernsteinfarbener Kreis am rechten Rand des aktiven Bereichs. Ziehen Sie ihn, um den Endpunkt festzulegen.
- Wiedergabekopf -- Eine dünne weisse vertikale Linie, die die aktuelle Wiedergabeposition zeigt
- Zeitbeschriftungen -- Unterhalb der Timeline zeigen drei Beschriftungen die Trim-Startzeit, die getrimmte Dauer und die Trim-Endzeit im M:SS-Format
Der Mindestabstand zwischen den Trim-Griffen beträgt 1 Sekunde, wodurch sichergestellt wird, dass das exportierte Video mindestens 1 Sekunde lang ist.
Klicken Sie auf eine beliebige Stelle innerhalb des aktiven Bereichs, um das Video an diese Position zu spulen.
Trim-Werkzeug
Das Trim-Werkzeug ist immer über die Timeline aktiv -- es gibt kein separates Panel dafür. Ziehen Sie einfach die Start- und Endgriffe auf der Timeline, um den Teil des Videos zu definieren, den Sie behalten möchten. Alles ausserhalb des Trim-Bereichs wird beim Export entfernt.
Geschwindigkeitswähler
Wenn das Geschwindigkeits-Werkzeug aktiv ist, erscheint ein Panel mit einer segmentierten Schaltflächenreihe mit vier Geschwindigkeitsoptionen:
| Geschwindigkeit | Effekt |
|---|---|
| 0,5x | Halbe Geschwindigkeit (Zeitlupe). Verdoppelt die effektive Dauer. |
| 1x | Normale Geschwindigkeit (Standard). Keine Änderung der Dauer. |
| 1,5x | 50% schneller. Reduziert die effektive Dauer um ein Drittel. |
| 2x | Doppelte Geschwindigkeit (Zeitraffer). Halbiert die effektive Dauer. |
Die ausgewählte Geschwindigkeit wird mit einem bernsteinfarbenen Hintergrund hervorgehoben. Geschwindigkeitsänderungen wirken sich auf das exportierte Video aus -- die visuelle Vorschau spielt mit der ausgewählten Geschwindigkeit ab, sodass Sie das Ergebnis bewerten können.
Stummschaltungs-Umschalter
Wenn das Stummschaltungs-Werkzeug aktiv ist, erscheint ein Panel mit einer einzelnen Umschaltschaltfläche:
- Nicht stummgeschaltet (Lautsprecher-Icon) -- Audio ist im Export enthalten. Die Schaltfläche zeigt einen grauen Hintergrund.
- Stummgeschaltet (Lautsprecher-aus-Icon) -- Audio wird während des Exports aus dem Video entfernt. Die Schaltfläche wird mit einem bernsteinfarbenen Rand hervorgehoben.
Klicken Sie auf die Schaltfläche, um zwischen stummgeschaltetem und nicht stummgeschaltetem Zustand zu wechseln.
Verarbeitung und Export
Wenn Sie auf Speichern klicken, führt der Video-Editor folgende Schritte aus:
- Lädt ffmpeg.wasm -- Beim ersten Verwenden des Video-Editors in einer Sitzung wird die ffmpeg-WebAssembly-Engine (~30 MB) heruntergeladen und initialisiert. Ein Fortschritts-Overlay zeigt "Engine wird geladen..." während dieses Schritts.
- Verarbeitet das Video -- Wendet Trim-, Geschwindigkeits- und Stummschaltungseinstellungen an. Das Overlay zeigt "Verarbeitung..." mit einem Fortschrittsbalken.
- Codiert die Ausgabe -- Erstellt die finale MP4-Datei. Das Overlay zeigt "Codierung..." mit Fortschrittsprozentsatz.
- Gibt das Ergebnis zurück -- Das verarbeitete Video ersetzt das Original im Post-Assistenten und der Editor schliesst sich.
Die Exportdauer berechnet sich als: (trimEnde - trimStart) / Geschwindigkeit. Zum Beispiel ergibt ein 10-Sekunden-Clip bei 2x Geschwindigkeit eine 5-Sekunden-Ausgabe.
Die Verarbeitungszeit hängt von der Videolänge und der Leistung Ihres Geräts ab. Kurze Clips (unter 30 Sekunden) werden typischerweise in wenigen Sekunden verarbeitet. Längere Videos können 30 Sekunden oder mehr dauern.
Häufig gestellte Fragen
Verändert der Editor meine Originaldatei?
Nein. Der Editor erstellt eine neue Datei mit den angewendeten Bearbeitungen. Ihre original hochgeladene Datei wird nicht verändert. Die neue Datei ersetzt das Original in der Medienliste des Post-Assistenten und wird beim Veröffentlichen für den Upload zu S3 markiert.
Kann ich alle meine Änderungen rückgängig machen?
Für Fotos verwenden Sie die Rückgängig-Schaltfläche in der Kopfleiste, um schrittweise durch Ihren Bearbeitungsverlauf zurückzugehen (bis zu 30 Schritte). Für Videos können die Trim-Griffe, Geschwindigkeit und Stummschaltung vor dem Speichern frei angepasst werden -- kein Rückgängig-System wird benötigt, da keine Änderungen endgültig sind, bis Sie auf Speichern klicken.
Warum dauert das erste Laden des Video-Editors lange?
Der Video-Editor verwendet ffmpeg.wasm, einen WebAssembly-Build der FFmpeg-Videoverarbeitungsbibliothek. Beim ersten Laden werden etwa 30 MB an Engine-Dateien heruntergeladen. Diese werden von Ihrem Browser zwischengespeichert, sodass nachfolgende Verwendungen viel schneller sind.
Welche Zuschneide-Voreinstellung sollte ich verwenden?
Wählen Sie die Voreinstellung, die zu Ihrer Zielplattform und Ihrem Inhaltstyp passt. Für Instagram-Feed-Beiträge funktionieren 1:1 (Quadrat) und 4:5 (Hochformat) am besten. Für Stories und Reels verwenden Sie 9:16. Für Facebook-Timeline-Beiträge ist 1.91:1 (Querformat) der Standard. Für TikTok verwenden Sie immer 9:16.
Kann ich mehrere Textüberlagerungen hinzufügen?
Ja. Klicken Sie mehrmals auf "Text hinzufügen", um beliebig viele Textüberlagerungen zu erstellen. Jede Überlagerung kann ihre eigene Schriftart, Grösse, Farbe und Position haben. Wählen Sie eine Überlagerung aus der Liste, um ihre Eigenschaften zu bearbeiten.
Nächste Schritte
- Neuen Beitrag erstellen -- Zurück zum Post-Erstellungs-Workflow
- Queue-Verwaltung -- Verwalten Sie Ihre geplanten Beiträge
- Mediathek -- Durchsuchen und organisieren Sie Ihre hochgeladenen Dateien