Bildgröße bei festem Seitenverhältnis berechnen

Du hast ein festes Seitenverhältnis vorgegeben, zum Beispiel 16:9, und kennst nur eine der beiden Dimensionen. Vielleicht weißt du, dass dein Banner 1920 Pixel breit sein soll, und suchst die passende Höhe. Genau hier hilft der Dreisatz. Mit einer einzigen Multiplikation bekommst du die fehlende Seite, ohne raten zu müssen. Dieser Artikel zeigt die Formel, rechnet sie an konkreten Beispielen durch und liefert eine fertige Tabelle für 16:9.

Warum die fehlende Seite eindeutig festgelegt ist

Sobald das Seitenverhältnis feststeht, ist nur noch eine der beiden Dimensionen frei wählbar. Die andere ergibt sich zwangsläufig. Das liegt daran, dass das Verhältnis von Breite zu Höhe konstant bleiben muss. Legst du die Breite fest, ist die Höhe damit bestimmt, und umgekehrt. Es gibt also immer genau eine richtige Antwort, kein Ermessen.

Das ist der entscheidende Unterschied zur freien Größenwahl. Ohne festes Verhältnis könntest du Breite und Höhe unabhängig setzen, würdest dabei aber das Format verändern. Mit festem Verhältnis bleibt das Format gewahrt, und die fehlende Zahl folgt aus einer einfachen Rechnung.

Diese Eindeutigkeit ist im Arbeitsalltag ein Vorteil, kein Nachteil. Du musst dich nur um eine Zahl kümmern und überlässt die zweite der Mathematik. Genau dieses Prinzip steckt auch hinter dem Schloss-Symbol in Bildbearbeitungsprogrammen. Ist es aktiv, passt die Software die zweite Dimension automatisch an, sobald du die erste änderst. Wer das Schloss versehentlich öffnet, verliert diese Sicherheit und riskiert ein verzerrtes Ergebnis.

Die Dreisatz Formel für die fehlende Dimension

Der Dreisatz übersetzt das Seitenverhältnis in eine direkte Formel. Suchst du die Höhe und kennst die Breite, lautet die Rechnung:

neue Höhe = neue Breite mal (Höhe des Verhältnisses geteilt durch Breite des Verhältnisses)

Bei 16:9 ist der Faktor 9 geteilt durch 16, also 0,5625. Suchst du dagegen die Breite und kennst die Höhe, drehst du den Faktor um:

neue Breite = neue Höhe mal (Breite des Verhältnisses geteilt durch Höhe des Verhältnisses)

Bei 16:9 ist dieser Faktor 16 geteilt durch 9, also rund 1,778. Beide Faktoren sind Kehrwerte voneinander. Wer den einen kennt, kann den anderen durch Umkehren bestimmen.

Der Begriff Dreisatz beschreibt dabei genau diese Logik. Du kennst drei Werte, nämlich die beiden Zahlen des Verhältnisses und die eine vorgegebene Dimension, und suchst den vierten. Aus den drei bekannten Werten ergibt sich der vierte zwingend. Im Schulunterricht heißt das proportionale Zuordnung: Wenn 16 Einheiten Breite zu 9 Einheiten Höhe gehören, dann gehören 1920 Pixel Breite zu einer Höhe, die im selben Verhältnis steht. Die Multiplikation mit dem Faktor ist nur die abgekürzte Form dieses Dreisatzes.

Konkretes Rechenbeispiel mit 16:9

Nimm an, dein Banner soll 1920 Pixel breit werden und das Format 16:9 behalten. Du suchst die Höhe. Setze in die Formel ein: neue Höhe gleich 1920 mal 9 geteilt durch 16. Das sind 1920 mal 9 ergibt 17280, geteilt durch 16 ergibt 1080. Die Höhe ist also 1080 Pixel. Das Ergebnis ist die bekannte Full HD Auflösung 1920 mal 1080.

Dreh das Beispiel um. Du kennst die Höhe von 1080 Pixeln und suchst die Breite bei 16:9. Setze ein: neue Breite gleich 1080 mal 16 geteilt durch 9. Das sind 1080 mal 16 ergibt 17280, geteilt durch 9 ergibt 1920. Die Breite ist 1920 Pixel. Beide Wege führen zur selben Auflösung, weil das Verhältnis dasselbe bleibt.

Auch diese Rechnung nimmt dir seitenverhaeltnisrechner.de ab. Du wählst das Verhältnis, trägst die bekannte Seite ein, und die fehlende Dimension erscheint sofort. Das spart das Multiplizieren im Kopf und vermeidet Tippfehler bei der Division.

Proportional skalieren ohne Verzerrung

Skalieren bedeutet, ein Bild größer oder kleiner zu machen. Damit dabei nichts verzerrt, müssen Breite und Höhe mit demselben Faktor multipliziert werden. Diesen gemeinsamen Faktor nennt man Skalierungsfaktor. Er ergibt sich aus der neuen Breite geteilt durch die alte Breite oder ebenso aus der neuen Höhe geteilt durch die alte Höhe. Bei korrektem proportionalem Skalieren liefern beide denselben Wert.

Solange Breite und Höhe mit demselben Faktor wachsen oder schrumpfen, bleibt das Bild scharf in seinen Proportionen. Sobald die Faktoren auseinanderlaufen, beginnt die Verzerrung.

Hast du ein Bild mit 1600 mal 900 Pixeln und willst es auf 800 Pixel Breite verkleinern, ist der Skalierungsfaktor 800 geteilt durch 1600, also 0,5. Multiplizierst du die Höhe mit demselben 0,5, kommst du auf 450. Das verkleinerte Bild ist 800 mal 450, immer noch sauberes 16:9. Hättest du nur die Breite halbiert und die Höhe bei 900 belassen, wäre das Bild auf 800 mal 900 gestaucht und das Motiv in die Höhe gezogen.

Was bei gebrochenem Verhältnis passiert

Wer nur eine Seite verändert, zerstört das Seitenverhältnis. Das Ergebnis ist sichtbar. Runde Formen werden zu Ellipsen, Quadrate zu Rechtecken, Gesichter wirken zu schmal oder zu breit. Logos und Schriftzüge leiden besonders, weil das Auge dort feine Proportionen sofort als falsch erkennt. Deshalb verriegeln Bildbearbeitungsprogramme das Seitenverhältnis standardmäßig, wenn du an einer Ecke ziehst.

Im Web tritt derselbe Effekt auf, wenn Breite und Höhe eines Bildes per CSS unabhängig gesetzt werden. Gibt man einem Bild eine feste Breite und eine feste Höhe, die nicht zum Originalverhältnis passen, staucht der Browser das Motiv. Die moderne CSS-Eigenschaft aspect-ratio löst genau dieses Problem, indem sie das Verhältnis fixiert und nur eine Dimension frei lässt. Das Prinzip dahinter ist dasselbe wie beim Dreisatz: eine Seite vorgeben, die andere folgt automatisch. Wer das Verhältnis konsequent respektiert, bekommt sowohl im Bildeditor als auch im Browser ein sauberes, unverzerrtes Ergebnis.

Der Balkenvergleich zeigt, wie sich die Breite mit dem Skalierungsfaktor entwickelt. Die Höhe folgt im selben Takt, weil beide Seiten mit demselben Faktor multipliziert werden. Bei Faktor 2,0 wird aus Full HD die 4K Breite von 3840 mal 2160, ohne dass sich das Format verändert.

Fertige Tabelle Breite zu Höhe für 16:9

Damit du nicht jedes Mal neu rechnen musst, fasst die Tabelle die Höhe für gängige Breiten im 16:9 Format zusammen. Jede Zeile entsteht durch Breite mal 9 geteilt durch 16. Die Werte sind auf ganze Pixel gerundet, wo nötig.

Breite in px	Rechnung	Höhe in px	Auflösungsname
1280	1280 mal 9 geteilt durch 16	720	HD 720p
1600	1600 mal 9 geteilt durch 16	900	HD plus
1920	1920 mal 9 geteilt durch 16	1080	Full HD
2560	2560 mal 9 geteilt durch 16	1440	QHD
3200	3200 mal 9 geteilt durch 16	1800	QHD plus
3840	3840 mal 9 geteilt durch 16	2160	4K UHD

Wenn deine gewünschte Breite nicht in der Tabelle steht, nimm einfach die Formel: gewünschte Breite mal 9 geteilt durch 16. Für andere Verhältnisse tauschst du nur den Faktor aus, also 3 geteilt durch 4 für 4:3 oder 2 geteilt durch 3 für 3:2.

So setzt du das beim nächsten Export um

Beim nächsten Mal, wenn du eine Größe für ein festes Format brauchst, gehst du in drei Schritten vor. Erstens das Verhältnis festlegen, etwa 16:9. Zweitens die bekannte Seite eintragen, meist die Breite. Drittens die fehlende Seite mit dem passenden Faktor berechnen oder direkt von seitenverhaeltnisrechner.de ausfüllen lassen. Achte darauf, dass du beim Skalieren immer beide Seiten mit demselben Faktor veränderst, dann bleibt dein Motiv unverzerrt. Mit dieser Routine triffst du jede Zielgröße präzise und verlierst nie wieder Bildqualität durch gestauchte Proportionen.