Glossarbegriff
Seitenverhältnis
Das Seitenverhältnis beschreibt das proportionale Verhältnis von Bildbreite zu Bildhöhe. Es wird mit zwei Zahlen wie 16:9 oder 4:3 angegeben und bestimmt die Form des Bildes.
Verbreitete Seitenverhältnisse
Nicht jedes Rechteck passt an dieselbe Stelle. Sein Verhältnis bestimmt, wo ein Bild ohne Anpassung Platz findet.
- 16:9: Das übliche Breitbildformat für die meisten Desktop-Monitore, Laptops und Videoinhalte. Ein Bild mit 1920 × 1080 Pixeln hat 16:9. Viele Screenshots moderner Computer entstehen in diesem Format.
- 4:3: Das klassische Bildschirmformat, das bei Tablets und älteren Displays noch verbreitet ist. 1024 × 768 Pixel entsprechen 4:3. In Dokumentationen und Präsentationen bleibt damit oft mehr Raum für begleitenden Text.
- 1:1: Ein Quadrat, häufig in sozialen Netzwerken, bei Profilbildern und Vorschaurastern. Screenshots entstehen selten direkt in 1:1, werden für bestimmte Ziele aber oft so zugeschnitten.
- 9:16: Die Hochformatvariante von 16:9. Sie ist Standard für mobile Screenshots, vertikale Videos und Story-Formate.
- 3:2: Ein Format vieler DSLR-Kameras und einiger Laptop-Bildschirme, darunter neuere MacBooks. Seine Breite liegt zwischen 16:9 und 4:3.
Wo das Seitenverhältnis wichtig ist
Sobald ein Bild in eine vorgegebene Fläche passen muss, spielt das Verhältnis eine Rolle. Soziale Netzwerke, App Stores, Folienvorlagen und Website-Layouts erwarten bestimmte Formate. Passt das Bild nicht, wird es beschnitten, verzerrt oder mit Leerraum ergänzt.
Soziale Netzwerke sind besonders strikt. Instagram-Beiträge im Feed verwenden meist 1:1 oder 4:5, YouTube-Vorschaubilder 16:9 und LinkedIn-Artikelbilder ungefähr 1,91:1. Ohne vorherige Anpassung entscheidet die Plattform über den Zuschnitt – häufig nicht an der gewünschten Stelle.
App-Store-Einträge verlangen je nach Gerät feste Seitenverhältnisse. Falsche Abmessungen führen zur Ablehnung oder zu einem automatischen Zuschnitt, der wichtige Inhalte abschneiden kann.
Auch interne Systeme setzen Formate voraus. Ein Dashboard-Widget für 16:9-Vorschaubilder kann einen 4:3-Screenshot verzerren oder beschneiden. Dokumentationssysteme mit fester Bildbreite schneiden Bilder ab, die höher als erwartet sind.
Seitenverhältnis bei Screenshots
Ein Screenshot übernimmt das Verhältnis der Quelle: Bildschirm, Fenster oder ausgewählter Bereich. Eine Vollbildaufnahme eines 16:9-Monitors ist 16:9; ein mobiler Simulator im Hochformat erzeugt 9:16.
Soll die Aufnahme später in einem anderen Format erscheinen, ist eine Anpassung nötig. Ein Desktop-Screenshot in 16:9 muss für einen quadratischen Social-Media-Beitrag zugeschnitten werden. Ein mobiler 9:16-Screenshot braucht auf einer 16:9-Folie entweder Ränder oder ein Layout, das seine Form berücksichtigt.
Wer das Zielformat vor der Aufnahme plant, spart Arbeit. Aufnahme-Tools mit frei wählbaren Viewport-Abmessungen können Breite und Höhe direkt auf das gewünschte Verhältnis einstellen. Bei Stapelaufnahmen gilt diese Einstellung dann für jedes Bild.
In einem zuverlässigen Asset-Workflow wird das Seitenverhältnis daher früh festgelegt und nicht erst beim Aufräumen korrigiert. So müssen nachgelagerte Motive nicht einzeln mit improvisierten Zuschnitten passend gemacht werden.
Häufige Fehler
- Das Zielformat ignorieren. Prüfe vor Aufnahme oder Zuschnitt die Anforderungen der Zielplattform, statt das zufällige Bildschirmformat überall verwenden zu wollen.
- Das Bild passend strecken. Dadurch werden Kreise zu Ovalen und Text wird unleserlich. Schneide zu oder füge Ränder hinzu, statt das Bild zu verzerren.
- Seitenverhältnis und Auflösung verwechseln. 1920 × 1080 und 1280 × 720 sind beide 16:9. Ihre Form ist gleich, ihr Detailgrad nicht. Nur eine unterschiedlich starke Skalierung von Breite und Höhe verändert das Verhältnis.
- Mobile Ausrichtungen vergessen. Desktop-Inhalte sind meist quer, mobile Screenshots und viele aktuelle Plattformformate hochkant. Bereite beide Ausrichtungen vor, wenn die Zielgruppe mehrere Geräte nutzt.
Häufig gestellte Fragen
Welches Seitenverhältnis ist bei Screenshots am häufigsten?
16:9 ist am häufigsten, weil es zu den meisten modernen Desktop-Monitoren und Laptop-Bildschirmen passt. Mobile Screenshots haben typischerweise 9:16, also dasselbe Verhältnis im Hochformat. Bei Tablets sind 4:3 und 3:2 verbreitet.
Was passiert, wenn ich ein Bild in das falsche Seitenverhältnis zwinge?
Das Bild wird gestreckt oder gestaucht. Passt ein 16:9-Bild in einen quadratischen 1:1-Rahmen, wird es entweder verzerrt, beschnitten oder mit Leerraum aufgefüllt. Stimme deshalb Quell- und Zielformat aufeinander ab.
Wie berechne ich das Seitenverhältnis eines Bildes?
Teile Breite und Höhe durch ihren größten gemeinsamen Teiler. Bei 1920 × 1080 lassen sich beide Werte durch 120 teilen; das Ergebnis ist 16:9. Viele Bildprogramme und Aufnahme-Tools zeigen das Verhältnis automatisch an.
Beeinflusst das Seitenverhältnis die Dateigröße?
Nicht direkt. Die Dateigröße hängt von der gesamten Pixelzahl, also Breite mal Höhe, und der Komprimierung ab. Bei gleicher Höhe enthält ein breiteres Format allerdings mehr Pixel als ein schmaleres und erzeugt deshalb eine größere Datei.
Sollte ich auf ein festes Seitenverhältnis oder frei zuschneiden?
Nutze ein festes Verhältnis, wenn das Bild für einen vorgegebenen Rahmen bestimmt ist, etwa einen Social-Media-Beitrag, eine Folienvorlage oder ein Vorschaubild. Ein freier Zuschnitt passt, wenn nur unerwünschte Bereiche entfernt werden sollen und das Ziel keine feste Form verlangt.
Quellen
- Responsive images — MDN