Wenn eine Anleitung gleichzeitig die Ausgangslage, einen Bedienknopf und dessen Ergebnis zeigen muss, hat das Bildformat eine inhaltliche Folge. Ein nachträglicher Ausschnitt kann zwar das gewünschte Verhältnis besitzen und trotzdem den Zusammenhang verlieren. Plane deshalb zuerst, wo Menschen den Film sehen und welche Information im selben Moment erkennbar sein soll.
Unser eigenes Atlas-Bild enthält drei nebeneinanderstehende Bereiche: Aufgabe, Aktion und Kontrolle. Links steht die Suche nach der jüngsten Fassung, in der Mitte die Sortierhandlung und rechts das erkennbare Ergebnis. Es handelt sich um eine erfundene Aufnahmeplanung als Standbild, keine reale Produktoberfläche oder fertige Bildschirmaufnahme.
Den sichtbaren Zusammenhang festlegen
Notiere für den entscheidenden Schritt, was Zuschauer vor, während und nach der Handlung erkennen müssen. Bei Atlas gehört zur Aktion die Frage, welche Fassung gesucht wird. Anschließend muss sichtbar sein, dass „Übung ·22.10.“ oben steht. Ein Bild, das nur den Knopf zeigt, erklärt diesen vollständigen Zusammenhang nicht.
Diese Beobachtung legt noch kein universell besseres Format fest. Ein breiter Aufbau kann nebeneinanderliegende Informationen zusammen zeigen. Für einen schmalen Zugang lässt sich dieselbe Aufgabe möglicherweise in einer anderen Anordnung erklären. Entscheidend ist, ob der benötigte Inhalt im vorgesehenen Zielbild verständlich bleibt.
Was beim eigenen Mittelausschnitt verloren geht
Die horizontale Atlas-Quelle besitzt 1.536 × 864 Pixel, also das Verhältnis 16:9. Daraus haben wir einen 486 × 864 Pixel großen Bereich ab der horizontalen Position 525 ausgeschnitten. Dieser Bereich hat das Verhältnis 9:16. Er stammt exakt aus derselben Datei; sein Inhalt wurde nicht neu gezeichnet.
Im mittigen Ausschnitt bleibt die Aktion sichtbar. Aufgabe und Kontrolle stehen jedoch außerhalb des Fensters. Auch Teile der Überschrift werden angeschnitten. Das ist ein konkretes Ergebnis dieser selbst gewählten Geometrie. Es zeigt nicht, dass jeder Hochformatfilm oder jeder mittige Ausschnitt denselben Verlust hat.
Vor einer tatsächlichen Aufnahme kannst du einen geplanten Ausschnitt mit Beispieldaten durchgehen. Wandert die wichtige Anzeige während der Handlung nach außen? Muss eine Auswahl links und eine Rückmeldung rechts zusammen erkennbar sein? Solche Fragen gehören vor einen langen Aufnahmedurchgang.
Einen zweiten Aufbau bewusst planen
Für unser vertikales Atlas-Modell haben wir die drei Bereiche untereinander angeordnet. Aufgabe, Aktion und Kontrolle bleiben dadurch enthalten. Die neue Datei ist ebenfalls 486 × 864 Pixel groß. Sie ist eine eigene Gestaltung für denselben Inhalt und kein automatisches Ergebnis des Zuschneidens.
Bei einer echten Anwendung kann eine andere Fensteranordnung, eine näher geplante Aufnahme oder eine eigene zusätzliche Szene nötig sein. Nicht jede Oberfläche lässt sich beliebig umstellen. Halte deshalb fest, welche Möglichkeit tatsächlich vorhanden ist, und plane gegebenenfalls einen zweiten geeigneten Aufnahmeweg. Eine Grafik mit neu angeordneten Karten belegt keine entsprechende Funktion im Produkt.
Aufnahmeinhalt und spätere Darstellung trennen
Die MDN-Referenz zu object-fit erklärt einen verwandten Darstellungsunterschied: contain hält den ganzen Inhalt innerhalb eines Feldes, während cover bei abweichendem Seitenverhältnis Teile abschneiden kann. Diese Eigenschaft verändert nicht nachträglich die aufgenommenen Informationen. Auf eingebettete iframes wirkt sie zudem nicht unmittelbar.
Für die Planung heißt das: Prüfe sowohl den gewählten Inhalt als auch den späteren Einbau. Ein bereits abgeschnittener Bereich wird durch eine andere Playergröße nicht wieder Teil der Datei. Umgekehrt kann eine vollständige Aufnahme in einer später beschneidenden Darstellung Informationen verlieren. Eine konkrete Einstellung eines fremden Players wurde für diesen Beitrag nicht getestet.
Eine kurze Probe für jeden vorgesehenen Zugang
Gehe den entscheidenden Ablauf für jedes tatsächlich benötigte Zielformat durch. Kontrolliere wichtige Beschriftungen, den Aktionsort, die sichtbare Wirkung und den Platz für Textinformationen. Beurteile eine relevante Probe in der vorgesehenen Anzeige, statt allein die Pixelzahl des Exports zu vergleichen.
Wir haben die eigenen drei Dateien im Desktop-Chrome geladen: vollständige Quelle, exakter Ausschnitt und neuer vertikaler Aufbau. Sie wurden zum Vergleich bei gleicher Höhe dargestellt. Das bestätigt die gezeigten eigenen Modelle. Eine echte Smartphone-, Aufnahme-, Film- oder Verständlichkeitsprüfung ist damit nicht erfolgt.
Bewahre für eine spätere Bearbeitung die geeignete Quelle und die Entscheidungen zum Bildaufbau auf. So lässt sich ein zusätzlicher Zugang gezielt vorbereiten, ohne ein bereits erklärendes Ergebnis durch einen unbemerkten Ausschnitt zu verlieren.
Aufnahmeformat und Playerformat auseinanderhalten
Schrift und Bedienhandlungen in Bildschirmaufnahmen lesbar halten
Quelle und eigene Beispiele
MDN-Originalreferenz am 26.10.2026 gelesen. Atlas-Quelle, Ausschnitt und vertikales Modell sind eigene Illustrationen mit dokumentierten Maßen. Keine Plattformempfehlung oder universelle Formatvorgabe.