Seitenverhältnis erklärt: 16:9, 4:3, 1:1 und richtig skalieren

Das Seitenverhältnis (englisch Aspect Ratio) beschreibt das Verhältnis von Breite zu Höhe eines Bildes oder Videos. Es ist eine der grundlegendsten Größen im Design und entscheidet darüber, ob ein Motiv auf einem Bildschirm, in einem Posting oder im Druck ohne schwarze Balken und ohne Verzerrung passt.

Wie man ein Seitenverhältnis liest

Ein Seitenverhältnis wird als zwei durch einen Doppelpunkt getrennte Zahlen geschrieben, zum Beispiel 16:9. Die erste Zahl steht für die Breite, die zweite für die Höhe. 16:9 bedeutet also: Auf 16 Einheiten Breite kommen 9 Einheiten Höhe. Wichtig ist, dass es sich um ein Verhältnis handelt, nicht um konkrete Pixel. 1920 × 1080, 1280 × 720 und 3840 × 2160 haben alle dasselbe Seitenverhältnis von 16:9.

Um ein Verhältnis aus konkreten Pixelmaßen zu ermitteln, kürzt man Breite und Höhe durch ihren größten gemeinsamen Teiler. Aus 1920 × 1080 wird durch Teilen durch 120 das vertraute 16:9. Diesen Schritt nimmt dir der Aspect Ratio Rechner automatisch ab und zeigt dir das gekürzte Verhältnis direkt an.

Die wichtigsten Seitenverhältnisse im Überblick

Warum richtiges Skalieren so wichtig ist

Der häufigste Fehler beim Anpassen von Bildern: Breite und Höhe werden unabhängig voneinander verändert. Das Ergebnis sind verzerrte Gesichter, ovale Kreise und gestauchte Logos. Damit ein Bild proportional bleibt, müssen Breite und Höhe immer mit demselben Faktor multipliziert werden.

Wenn du nur eine Seite kennst – etwa eine feste Breite von 1200 Pixeln für eine Webseite – und das Seitenverhältnis 16:9 einhalten willst, ergibt sich die Höhe als 1200 × 9 / 16 = 675 Pixel. Genau diese Rechnung übernimmt der Aspect Ratio Rechner: Du gibst das gewünschte Verhältnis und eine Seite ein, die passende zweite Seite wird sofort berechnet.

Letterboxing und Pillarboxing

Wird ein Inhalt mit einem Seitenverhältnis in einen Rahmen mit anderem Verhältnis gesetzt, entstehen leere Streifen. Schwarze Balken oben und unten heißen Letterboxing (etwa ein Kinofilm im 21:9-Format auf einem 16:9-Bildschirm). Balken links und rechts heißen Pillarboxing (ein 4:3-Video auf einem Breitbild-Monitor). Wer das Seitenverhältnis von Anfang an passend wählt, vermeidet diese Verluste an Bildfläche.

Praktischer Workflow

In der Praxis lohnt es sich, vor dem Export das Zielmedium festzulegen und das Seitenverhältnis daran auszurichten. Für ein YouTube-Thumbnail ist 16:9 gesetzt, für ein Instagram-Profilbild 1:1, für eine Story 9:16. Hängt die Druckgröße an der Pixeldichte, ergänzt der DPI Rechner die nötige Umrechnung. Für die reine Pixel- und Dateigrößenplanung hilft der Bildgröße Rechner.

Fazit

Das Seitenverhältnis ist ein einfaches, aber zentrales Konzept: Es legt die Form fest, unabhängig von der konkreten Pixelzahl. Wer Breite und Höhe immer im selben Verhältnis skaliert, vermeidet Verzerrungen und unnötige Balken. Der Aspect Ratio Rechner nimmt dir dabei sowohl das Kürzen als auch das Umrechnen ab.