Seitenverhältnis-Rechner

Was ist ein Seitenverhaealnisrechner?

Ein Seitenverhaeltnisrechner bestimmt das proportionale Verhaeltnis zwischen Breite und Hoehe einer rechteckigen Form. Er wird in Video, Fotografie, Webdesign und Drucklayouts verwendet, um korrekte Proportionen sicherzustellen.

Das Verstaendnis von Seitenverhaeltnissen verhindert, dass Inhalte auf verschiedenen Displays gestreckt oder beschnitten aussehen. Ein 16:9-Video sieht auf einem 4:3-Bildschirm verzerrt aus, wenn es nicht richtig behandelt wird.

So verwenden Sie dieses Tool

Geben Sie Breite und Hoehe in Pixeln ein, um das Seitenverhaeltnis zu berechnen. Alternativ geben Sie ein Zielverhaeltnis und eine Dimension ein, um die andere zu finden. Das Tool vereinfacht automatisch auf die gaengige Bezeichnung.

Wie man eine fehlende Abmessung berechnet

Ein Seitenverhältnis beschreibt die proportionale Beziehung zwischen Breite und Höhe – unabhängig von der absoluten Größe. Das Verhältnis 16:9 bedeutet, dass auf je 16 Einheiten Breite 9 Einheiten Höhe kommen. Da das Verhältnis skalierungsunabhängig ist, teilen ein 160×90-Thumbnail und ein 3840×2160-4K-Display exakt dasselbe Seitenverhältnis.

Um Abmessungen unter Beibehaltung des Verhältnisses zu skalieren, verwendet man diese beiden Formeln. Neue Höhe aus neuer Breite: neue Höhe = neue Breite × (ursprüngliche Höhe ÷ ursprüngliche Breite). Neue Breite aus neuer Höhe: neue Breite = neue Höhe × (ursprüngliche Breite ÷ ursprüngliche Höhe). Beide Formeln wenden das ursprüngliche Verhältnis einfach als Multiplikator an.

Rechenbeispiel: 1920×1080 skalieren

Ausgangspunkt ist ein Full-HD-Frame mit 1920×1080 Pixeln. Zunächst vereinfacht man das Verhältnis, indem man den größten gemeinsamen Teiler (GGT) von 1920 und 1080 bestimmt. Mit dem euklidischen Algorithmus: GGT(1920, 1080) = GGT(1080, 840) = GGT(840, 240) = GGT(240, 120) = 120. Beide Abmessungen durch 120 geteilt ergibt 16:9 – das bekannte Breitbildformat.

Angenommen, das Video soll auf eine Breite von 1280 Pixeln für ein kleineres Display skaliert werden. Formel anwenden: neue Höhe = 1280 × (1080 ÷ 1920) = 1280 × 0,5625 = 720. Das skalierte Bild hat die Auflösung 1280×720 – auch bekannt als 720p HD – und ist weiterhin exakt 16:9.

Hinweis zum Runden: Pixelabmessungen müssen ganze Zahlen sein. Stets auf die nächste ganze Zahl runden. Beim Videokodieren auf die nächste gerade Zahl abrunden, um Codec-Fehler bei der Chrominanz-Subsampling-Komprimierung zu vermeiden (z. B. erfordert YUV 4:2:0 gerade Abmessungen).

Verbreitete Seitenverhältnisse und ihre Verwendungsbereiche

• 16:9 — Der dominierende Standard für HD- und 4K-Video. Wird von YouTube, Netflix, Twitch, modernen Fernsehern und den meisten Desktop-Monitoren verwendet. Typische Auflösungen: 1280×720 (HD), 1920×1080 (Full HD), 2560×1440 (QHD), 3840×2160 (4K UHD).
• 4:3 — Der klassische Standard für CRT-Fernseher und frühe Computermonitore. Wird noch bei Präsentationen, einigen iPad-Modellen und Vintage-Filmformaten eingesetzt. Ein 1920×1080-Breitbildvideo auf einem 4:3-Bildschirm erhält horizontale schwarze Balken (Letterboxing).
• 1:1 — Das quadratische Format. Unverzichtbar für Instagram-Feed-Beiträge, Profilbilder, App-Icons und Album-Artwork. Lässt sich problemlos aus jedem breiteren Format zuschneiden, ohne das Motiv zu verlieren.
• 9:16 — Das vertikale Gegenstück zu 16:9. Das native Format für Smartphones im Hochformat. Wird von Instagram Stories, TikTok, YouTube Shorts und Snapchat genutzt.
• 21:9 — Ultraweit-Kino- und Monitorformat. Verbreitet bei Kinofilmen (häufig als 2,35:1 oder 2,39:1) und Ultrawide-Gaming-Monitoren. Inhalte im Format 16:9 erhalten auf einem 21:9-Display vertikale schwarze Balken (Pillarboxing).
• 3:2 — Das klassische 35-mm-Filmverhältnis, das in die meisten digitalen Spiegelreflex- und spiegellosen Kameras übernommen wurde. Ein 15×10-cm-Abzug hat das Format 3:2. Typische Auflösungen sind 6000×4000 (24 MP) und 7952×5304 (42 MP).

Gaengige Seitenverhaeltnisse

• 16:9 — Breitbild-Standard fuer HD/4K-Video, moderne Monitore, YouTube, Streaming-Dienste.
• 4:3 — traditionelle TV- und Computermonitore, iPad, Praesentationsfolien.
• 21:9 — Ultrabreitmonitore und Kino-Inhalte.
• 1:1 — Quadratformat, Instagram-Beitraege, Profilbilder.
• 9:16 — vertikales Video fuer mobile Inhalte (Stories, TikTok, Shorts).

Letterboxing und Pillarboxing: Was passiert bei nicht übereinstimmenden Verhältnissen

Wenn das Seitenverhältnis des Inhalts nicht mit dem des Containers übereinstimmt, muss die Anzeige ausgleichen. Letterboxing fügt horizontale schwarze Balken oben und unten hinzu – das sieht man beim Abspielen eines 2,39:1-Kinofilms auf einem 16:9-Fernseher. Pillarboxing fügt vertikale schwarze Balken links und rechts hinzu – das tritt auf, wenn ein 4:3-Bild auf einem 16:9-Breitbildschirm gezeigt wird. Wenn beide Balkenpaare auftreten (der Inhalt ist in beiden Dimensionen kleiner als der Container), spricht man von Windowboxing.

Die Alternative zum Boxen ist Zuschneiden oder Strecken. Zuschneiden füllt den Container, schneidet aber Teile des Bildes ab. Strecken füllt den Container, verzerrt aber das Bild – Gesichter und Kreise werden zu Ovalen. Beides ist nicht ideal, weshalb die Wahl des richtigen Ausgabeformats von Anfang an spätere Nachbearbeitungsprobleme vermeidet.

Häufige Fehler, die vermieden werden sollten

• Das Verhältnis beim Skalieren ignorieren: eine neue Breite einzugeben, ohne die Höhe anzupassen, erzeugt verzerrten, gestreckten Inhalt. Vor dem Skalieren stets das Seitenverhältnis sperren.
• Beide Abmessungen unabhängig voneinander runden: Breite aufrunden und Höhe abrunden (oder umgekehrt) führt zu einer geringfügigen Verhältnisabweichung, die sich über mehrere Skalierungsschritte aufaddiert. Eine Abmessung runden, die andere dann aus dem gerundeten Wert berechnen.
• Anzeige- und Speicherverhältnis verwechseln: Anamorphes Video (verbreitet in Broadcast und Blu-ray) speichert Pixel in einem Verhältnis, weist den Player aber an, es in einem anderen darzustellen. Stets die SAR-Metadaten (Sample Aspect Ratio) prüfen, nicht nur die Frame-Abmessungen.
• 16:9 als universell annehmen: Mobile-First-Design erfordert häufig 9:16-Assets. Soziale Plattformen können automatisch auf 4:5 oder 1,91:1 zuschneiden. Mehrere Crops exportieren, statt auf ein einziges Verhältnis zu vertrauen.

Seitenverhaeltnisse im Webdesign

In CSS haelt die aspect-ratio-Eigenschaft die Proportionen fuer responsive Elemente. Bevor diese Eigenschaft existierte, verwendeten Entwickler den padding-bottom-Hack (56,25 % fuer 16:9) und position: absolute.

Haeufig gestellte Fragen

Welches Seitenverhaeltnis hat 1920x1080?

1920x1080 (Full HD) hat ein Seitenverhaeltnis von 16:9, das Standard-Breitbildformat. Andere gaengige 16:9-Aufloesungen sind 2560x1440 (QHD) und 3840x2160 (4K UHD).

Wie behalte ich das Seitenverhaeltnis beim Skalieren bei?

Sperren Sie das Seitenverhaeltnis in Ihrem Bearbeitungstool (normalerweise ein Kettensymbol zwischen Breite- und Hoehe-Feldern). Wenn Sie eine Dimension aendern, passt sich die andere automatisch an.

Was ist der GGT und warum ist er wichtig?

Der Größte Gemeinsame Teiler (GGT) ist die größte Zahl, die sowohl Breite als auch Höhe ohne Rest teilt. Teilt man beide Abmessungen durch ihren GGT, erhält man das Verhältnis in der einfachsten Form. Beispiel: GGT(1280, 720) = 80; 1280 ÷ 80 = 16 und 720 ÷ 80 = 9, ergibt 16:9. Ohne Vereinfachung würde man 1280:720 statt des vertrauten 16:9-Labels sehen.

Ist 4:3 wirklich dasselbe wie 1,33:1?

Ja. Seitenverhältnisse können als Breite:Höhe mit ganzen Zahlen (4:3) oder als Dezimalverhältnis (1,33:1, wobei 4 ÷ 3 ≈ 1,333) ausgedrückt werden. Film und Kino verwenden traditionell die Dezimalform – 1,85:1 (Flat Widescreen) und 2,39:1 (Anamorphic Scope) – während Video und Webdesign die Doppelpunkt-Form mit ganzen Zahlen bevorzugen. Dieser Rechner zeigt beides: das vereinfachte Verhältnis (16:9) und den Dezimaläquivalentwert (1,7778).