Seitenverhältnis berechnen: Formel, gängige Werte und Größenänderung ohne Verzerrung
Das Seitenverhältnis beschreibt das Verhältnis von Breite zu Höhe eines Bildes oder Videos, ausgedrückt als möglichst kleines Zahlenpaar. Man berechnet es, indem man beide Maße durch ihren größten gemeinsamen Teiler dividiert. Ein Video mit 1920x1080 Pixeln lässt sich so auf 16:9 kürzen, denn 1920 und 1080 haben den größten gemeinsamen Teiler 120, und teilt man beide Zahlen durch 120, bleiben 16 und 9 übrig, das kleinstmögliche Paar, das dieselbe Form bei jeder beliebigen Größe beschreibt.
Wer beim Export eines Videos, beim Zuschnitt eines Fotos oder beim Bau eines responsiven Layouts schon einmal vor einem verzerrten Ergebnis stand, kennt das Problem: Breite und Höhe wurden unabhängig voneinander verändert, statt im gleichen Verhältnis zu bleiben. Die Formel dahinter ist simpel, sobald man einmal verstanden hat, was der größte gemeinsame Teiler eigentlich leistet, nämlich beide Seiten auf die kleinste Zahl zu bringen, die ihr Verhältnis unverändert lässt.
Die Formel
Verhältnis = Breite : Höhe, beide geteilt durch GGT(Breite, Höhe)Am Beispiel 1920x1080 Schritt für Schritt: Der größte gemeinsame Teiler von 1920 und 1080 ist 120. Teilt man beide Seiten durch 120, ergibt sich 1920 / 120 = 16 und 1080 / 120 = 9. Das Ergebnis, 16:9, gilt für jede Auflösung mit denselben Proportionen, vom 1280x720-Laptopbildschirm bis zum 3840x2160-4K-Panel. Ob man von einem winzigen Vorschaubild oder einer riesigen Kinoleinwand spricht, spielt keine Rolle: Solange das Verhältnis 16:9 bleibt, bleibt auch die Bildform identisch.
Ohne Taschenrechner findet man den größten gemeinsamen Teiler am einfachsten über die Primfaktorzerlegung oder den euklidischen Algorithmus (wiederholte Division mit Rest, bis kein Rest mehr bleibt). Bei runden Pixelzahlen wie 1920 und 1080 reicht oft schon der Blick auf gemeinsame Faktoren wie 10, 12 oder 8, um schrittweise zum größten gemeinsamen Teiler vorzudringen.
Dieselbe Beziehung lässt sich auch als Dezimalzahl ausdrücken, indem man die Breite durch die Höhe teilt: 1920 / 1080 = 1,78. Diese einzelne Zahl eignet sich gut, um Seitenverhältnisse auf einen Blick zu vergleichen, ohne sie vorher auf ganze Zahlen zu kürzen, etwa wenn zwei krumme Auflösungen wie 1366x768 und 1360x765 auf den ersten Blick unterschiedlich wirken, ihr Dezimalwert aber fast identisch ausfällt.
Die gängigsten Seitenverhältnisse (Übersicht)
| Verhältnis | Dezimal | Typische Auflösung | Wo man es sieht |
|---|---|---|---|
| 16:9 | 1,78:1 | 1920x1080, 3840x2160 | YouTube, Fernseher, die meisten Laptop-Bildschirme |
| 4:3 | 1,33:1 | 1024x768 | Alte Fernseher, klassische Präsentationsfolien |
| 1:1 | 1:1 | 1080x1080 | Instagram-Feed-Beiträge, Profilbilder |
| 4:5 | 0,8:1 | 1080x1350 | Instagram-Hochformatbeiträge |
| 9:16 | 0,56:1 | 1080x1920 | Stories, Reels, TikTok, Shorts |
| 3:2 | 1,5:1 | 6000x4000 | Fotos von DSLR- und spiegellosen Kameras |
| 21:9 | 2,33:1 | 3440x1440 | Ultrawide-Monitore |
| 2,39:1 | 2,39:1 | 2048x857 (skaliert aus DCI) | Kino-Breitbild |
Auffällig ist, dass sehr unterschiedliche Pixelzahlen, etwa 1280x720 und 3840x2160, exakt auf demselben Seitenverhältnis 16:9 landen können. Auflösung und Seitenverhältnis beantworten zwei verschiedene Fragen: Die Auflösung sagt, wie viele Pixel vorhanden sind, das Seitenverhältnis, welche Form diese Pixel bilden.
Für die Praxis heißt das: Ein Projekt in 16:9 anzulegen, legt nur die Form fest, nicht die Schärfe. Ob am Ende in 1280x720, 1920x1080 oder 3840x2160 exportiert wird, hängt von Zielgerät, Dateigröße und gewünschter Bildqualität ab, nicht vom Seitenverhältnis selbst. Wer zwischen zwei Formaten schwankt, etwa 1:1 gegenüber 4:5 für einen Instagram-Beitrag, sollte zuerst überlegen, wie das Motiv auf dem Zielgerät zugeschnitten wird, und erst danach die passende Auflösung wählen.
Praxisbeispiel: Größe ändern ohne Verzerrung
Angenommen, es liegt ein Foto mit 3000x2000 Pixeln vor (ein Seitenverhältnis von 3:2, typisch für eine DSLR-Kamera), und daraus soll ein Thumbnail mit genau 600 Pixeln Breite werden. Würde man die Höhe einfach auf einen beliebigen Wert stauchen, damit sie ins Layout passt, würde das Foto verzerrt. Stattdessen berechnet man die passende Höhe per Dreisatz:
Neue Höhe = Neue Breite × (Ursprüngliche Höhe / Ursprüngliche Breite)
Neue Höhe = 600 × (2000 / 3000) = 400| Schritt | Breite | Höhe |
|---|---|---|
| Original | 3000 px | 2000 px |
| Ziel-Thumbnail | 600 px | 400 px (berechnet) |
Ein zweites Beispiel: Ein Screenshot mit 1920x1080 Pixeln soll in eine Blogspalte mit 1280 Pixeln Breite passen. Derselbe Dreisatz ergibt 1280 × (1080 / 1920) = 720, der Screenshot wird also zu 1280x720 verkleinert, immer noch exakt im Verhältnis 16:9.
Der Rechenweg bleibt in beiden Fällen identisch, nur die Ausgangswerte ändern sich: Immer wird die bekannte neue Seite mit dem Verhältnis der beiden Originalmaße multipliziert. Wer stattdessen die Höhe vorgibt und die Breite sucht, dreht die Formel einfach um und multipliziert die Zielhöhe mit dem Verhältnis von Originalbreite zu Originalhöhe. Das funktioniert unabhängig davon, ob es sich um ein Foto, ein Video-Thumbnail oder ein Bannerbild für eine Webseite handelt, solange das ursprüngliche Seitenverhältnis erhalten bleiben soll.
Rechnen Sie mit Ihren eigenen Werten
Geben Sie zwei beliebige Maße ein, um das gekürzte Seitenverhältnis zu erhalten, oder legen Sie ein Verhältnis fest und lassen Sie die fehlende Seite berechnen. Der folgende Rechner beherrscht beides.
Häufige Fehler
Einen Eckgriff ziehen, ohne die Proportionssperre zu halten. Die meisten Bildbearbeitungsprogramme skalieren Breite und Höhe unabhängig voneinander, solange man nicht Umschalt (oder eine gleichwertige Sperre) gedrückt hält. Sobald der Zug nicht exakt diagonal verläuft, verzerrt das Gesichter, Logos und gerade Linien.
Auflösung mit Seitenverhältnis verwechseln. 1280x720, 1920x1080 und 3840x2160 sind alle 16:9. Eine reine Änderung der Auflösung lässt die Form unangetastet, eine Änderung des Seitenverhältnisses dagegen führt zu Beschnitt oder schwarzen Balken.
Ein berechnetes Maß auf eine ungerade Pixelzahl runden. Video-Codecs wie H.264 und H.265 verlangen in der Regel, dass Breite und Höhe durch 2 teilbar sind. Landet die Dreisatzrechnung bei einer ungeraden Pixelzahl, sollte man auf die nächste gerade Zahl runden statt einfach abzuschneiden.
Davon ausgehen, dass eine Plattform das Bild vollständig zeigt. Instagram etwa zeigt Feed-Beiträge in bis zu 4:5, beschneidet aber breitere oder höhere Originale, damit sie passen. Text oder Gesichter am Rand eines anders proportionierten Ausgangsbilds können dadurch abgeschnitten werden. Am sichersten ist es, das Motiv von Anfang an im tatsächlichen Zielverhältnis anzulegen, statt sich auf einen automatischen Zuschnitt der Plattform zu verlassen.
Häufig gestellte Fragen
Was ist ein Seitenverhältnis? Es ist das proportionale Verhältnis von Breite zu Höhe, geschrieben als zwei Zahlen wie 16:9 oder 4:3. Ein Bild mit 1920x1080 Pixeln hat das Seitenverhältnis 16:9, weil sich beide Maße gleichmäßig auf 16 und 9 kürzen lassen.
Wie berechnet man das Seitenverhältnis aus Pixelmaßen? Man ermittelt den größten gemeinsamen Teiler von Breite und Höhe und teilt beide Werte dadurch. Für 1920x1080 liegt der größte gemeinsame Teiler bei 120, das Ergebnis ist 16:9.
Was ist der Unterschied zwischen 16:9 und 4:3? 16:9 ist im Verhältnis zur Höhe deutlich breiter und der moderne Standard für Video und Bildschirme, während 4:3 näher an einem Quadrat liegt und der ältere Standard für Fernseher und Fotos war. Bei gleicher Bildschirmdiagonale zeigt 16:9 sichtbar mehr Breite als 4:3.
Welches Seitenverhältnis eignet sich für Social Media? 1:1 oder 4:5 für Instagram-Feed-Beiträge, 9:16 für Stories, Reels, TikTok und YouTube Shorts, und 16:9 für klassische YouTube-Uploads. Es lohnt sich, die aktuellen Vorgaben der jeweiligen Plattform zu prüfen, da sich Beschnittregeln gelegentlich ändern.
Kann man ein Bild ohne Qualitätsverlust skalieren? Ein Bild zu verkleinern verursacht kaum sichtbaren Qualitätsverlust. Ein Bild zu vergrößern dehnt dagegen vorhandene Pixel und kann unscharf wirken, weil dabei keine neuen Details entstehen. Das Seitenverhältnis gesperrt zu halten verhindert in beiden Fällen eine Verzerrung, fügt aber keine Auflösung hinzu, die nicht bereits vorhanden war.
Warum stimmen Seitenverhältnis und Dezimalwert nicht immer exakt überein? Weil beim Runden auf zwei Nachkommastellen kleine Abweichungen entstehen. 16:9 ergibt rechnerisch 1,777…, in der Tabelle gerundet auf 1,78. Für die Praxis reicht die gerundete Zahl völlig aus, für die tatsächliche Größenänderung sollte aber immer mit den ganzen Pixelwerten oder dem gekürzten Verhältnis gerechnet werden, nicht mit dem gerundeten Dezimalwert.