Professioneller Seitenverhältnis-Rechner & Visualisierer
Geben Sie eine Auflösung ein, um das Seitenverhältnis automatisch zu berechnen, oder berechnen Sie umgekehrt eine Dimension aus einem Zielverhältnis und der anderen Dimension. Vergleichen Sie visuell gängige Verhältnisformen.
Intelligente Verhältniserkennung
Geben Sie eine beliebige Auflösung ein (z.B. 2560×1440) und es wird automatisch auf das einfachste ganzzahlige Verhältnis (16:9) reduziert, mit Identifikation der Standardklassifikation — Standard, Breitbild, Ultrabreitbild, Quadrat usw.
Dimensionsrechner
Sperren Sie ein Seitenverhältnis, geben Sie entweder Breite oder Höhe ein, und berechnen Sie automatisch den exakten Pixelwert der anderen Dimension. Unverzichtbar für Bildzuschnitt, Leinwandgröße und Videoexport.
Visueller Verhältnisvergleich
Überlagern Sie mehrere Seitenverhältnis-Rechtecke auf derselben Leinwand für ein intuitives Gefühl der Formunterschiede zwischen 16:9, 4:3, 21:9, 1:1 — über abstrakte Zahlen hinaus.
Was ist ein Seitenverhältnis?
Seitenverhältnisbedeutungen und -anwendungen bei Bildschirmen, Bildern und Video verstehen.
Display-Seitenverhältnis
Die physische Formproportion eines Bildschirms, die bestimmt, "welche Form das Display hat." 16:9 ist derzeit das verbreitetste — nahezu alle Laptops, Monitore und Fernseher verwenden es. 21:9 und 32:9 sind Ultrawide- und Super-Ultrawide-Kennzeichen.
Pixel-Seitenverhältnis
Das Verhältnis der horizontalen zur vertikalen Pixelanzahl einer Auflösung. Das Pixelverhältnis von 1920×1080 ist 16:9, aber 1920×1200 ist 16:10. Pixel- und Displayverhältnisse stimmen normalerweise überein, aber ältere CRTs und einige professionelle Geräte können abweichen.
Inhalts-Seitenverhältnis
Das Verhältnis von Bildern, Videos und Designdateien selbst. Filme verwenden häufig 2,35:1 (CinemaScope) oder 1,85:1; Social Media bevorzugt 1:1 (Instagram), 9:16 (Kurzvideos), 4:5 (Facebook-Bilder). Die richtige Wahl des Verhältnisses maximiert die Anzeigefläche.
So verwenden Sie den Seitenverhältnis-Rechner
Drei Nutzungsmodi für verschiedene Szenarien.
Auflösung → Verhältnis
Geben Sie eine Auflösung ein (z.B. 3440×1440), und das Tool berechnet automatisch das Seitenverhältnis (43:18 ≈ 21:9) mit Standardklassifikation. Ideal zur Prüfung des tatsächlichen Verhältnisses eines Displays oder Bildes.
Verhältnis → Dimensionen
Wählen Sie ein Zielseitenverhältnis (z.B. 16:9), geben Sie Breite oder Höhe ein, und berechnen Sie automatisch die andere Dimension in Pixeln. Ideal für Bildzuschnitt, Leinwandgröße und Videoexport.
Visueller Vergleich
Überlagern Sie gängige Seitenverhältnis-Rechtecke im Vorschaufeld für einen intuitiven Formvergleich. Klicken Sie auf gängige Verhältnisse, um schnell zwischen Vergleichen zu wechseln.
Gängige Seitenverhältnisse erklärt
16:9 (1,78:1)
Das heute universellste Seitenverhältnis. Full HD (1920×1080), QHD (2560×1440) und 4K (3840×2160) sind alle 16:9. Das Standard-Bildformat für YouTube, Netflix und TV-Ausstrahlungen.
16:10 (1,6:1)
Einst der Laptop- und Monitor-Mainstream — 1920×1200, 2560×1600. Etwa 11% mehr vertikaler Platz als 16:9, hervorragend für Dokumentbearbeitung und Programmierung. Feiert ein Comeback in Premium-Laptops (MacBook, ThinkPad X1).
21:9 (2,33:1)
Standard-Ultrawide-Monitorverhältnis mit typischen Auflösungen von 3440×1440 oder 2560×1080. Nah an Kino-Seitenverhältnissen für randloses Filmvergnügen. Extrem effizient für Seite-an-Seite-Fenster-Workflows.
4:3 (1,33:1)
Klassisches CRT-Ära-Verhältnis (1024×768, 1600×1200). Derzeit hauptsächlich in iPads und einigen Business-Projektoren verwendet. Wirkt quadratischer — ungeeignet für Breitbild-Inhalte.
Empfohlene Verhältnisse nach Plattform
Verschiedene Plattformen und Verwendungszwecke haben unterschiedliche Seitenverhältnis-Best-Practices.
Social Media
Empfohlene Verhältnisse:
• Instagram/TikTok Stories/Reels: 9:16 (1080×1920)
• Twitter/X-Bilder: 16:9 (1200×675)
• Facebook-Cover: 2,63:1 (1640×624)
Videoproduktion
Gängige Verhältnisse:
• Kino-Breitbild: 2,39:1 (CinemaScope)
• Vertikales Kurzvideo: 9:16 (1080×1920)
• IMAX-Format: 1,43:1 oder 1,9:1
Design & Druck
Standard-Verhältnisse:
• US Letter: 1,294:1 (8,5×11")
• Visitenkarte: 1,75:1 (3,5×2")
• Präsentationsfolien: 16:9 oder 4:3
Anzeigegeräte
Gängige Verhältnisse:
• Premium-Laptops (MacBook/ThinkPad): 16:10 oder 3:2
• Ultrawide-Monitore: 21:9 (3440×1440)
• Super-Ultrawide: 32:9 (5120×1440) = zwei 16:9 nebeneinander
Seitenverhältnis-Praxistipps
Zuschnitt-Überlegungen
Das Zuschneiden von 16:9-Video auf 9:16 vertikal verliert ~68% des Bildes. Planen Sie sichere Bereiche beim Filmen, oder verwenden Sie den Ansatz "Center-Crop + unscharfer Hintergrund".
Proportionale Skalierung
Sperren Sie beim Skalieren von Bildern immer das Seitenverhältnis, um Verzerrungen zu vermeiden. Photoshop: Shift halten beim Ziehen der Ecken. CSS: object-fit: contain/cover für korrekte Proportionen verwenden.
Responsive Anpassung
Die CSS-Eigenschaft aspect-ratio deklariert direkt das Elementverhältnis (z.B. aspect-ratio: 16/9) — der Browser berechnet automatisch die Höhe. Ein leistungsstarkes Werkzeug für responsive Layouts.
Schwarzbalken-Behandlung
Wenn das Inhaltsverhältnis nicht zum Container passt, erscheinen schwarze Balken (Letterbox/Pillarbox). 16:9-Bildschirm bei 21:9-Filmen erhält obere/untere Balken; bei 4:3-Inhalten seitliche Balken.
Häufig gestellte Fragen
Q.Wie hängen 16:9 und 1920×1080 zusammen?
1920÷1080=1,778=16÷9. Das Seitenverhältnis von 1920×1080 ist also 16:9. Ebenso sind 2560×1440 und 3840×2160 ebenfalls 16:9 — verschiedene Auflösungen, aber dasselbe Verhältnis.
Q.Was ist das genaue Verhältnis von 3440×1440?
3440÷1440≈2,389, am nächsten an 21:9 (2,333). Streng genommen reduziert sich 3440:1440 auf 43:18, aber die Branche nennt es konventionell 21:9 Ultrawide.
Q.Warum haben manche Auflösungen seltsame Verhältnisse?
Zum Beispiel reduziert sich 1366×768 auf 683:384 — kein glattes Verhältnis. Das liegt daran, dass Panel-Hersteller bequeme Pixelzahlen wählten, anstatt strikt 16:9 zu folgen. In der Praxis sieht es sehr nah an 16:9 aus.
Q.Wie ist die Kompatibilität der CSS aspect-ratio-Eigenschaft?
Alle modernen Browser unterstützen sie (Chrome 88+, Firefox 89+, Safari 15+). Verwenden Sie sie mit width oder height und der Browser berechnet automatisch die andere Dimension — perfekt für responsive Container.
Q.Was sind Video-DAR und SAR?
DAR (Display Aspect Ratio) ist das endgültige Anzeigeverhältnis; SAR (Sample Aspect Ratio) ist das Pixel-Sampling-Verhältnis. Wenn SAR≠1:1 (wie bei einigen DV-Formaten), kann selbst eine 720×480-Auflösung tatsächlich als 16:9 angezeigt werden.
Q.Was ist der Vorteil des 3:2-Verhältnisses?
3:2 (1,5:1) hat ~18% mehr vertikalen Platz als 16:9 und ist moderner als 4:3. Die Surface-Serie und neuere Chromebooks verwenden dieses Verhältnis — ideal zum Lesen und Handschreiben im Tablet-Modus.
Seitenverhältnis-Auswahltipps
- • Video-Ersteller: Querformat: 16:9; Hochformat: 9:16. Vor dem Export die empfohlene Auflösung der Zielplattform bestätigen, um Neukomprimierung zu vermeiden.
- • Designer: Beim Export mehrerer Größen zuerst die 1:1-Version gestalten, dann horizontal für 16:9 und 9:16 erweitern.
- • Monitor-Kauf: Büro/Programmierung: 16:10 oder 3:2; Kino/Gaming: 16:9 oder 21:9. Im Zweifelsfall ist 16:9 am vielseitigsten.
- • Frontend-Entwicklung: CSS aspect-ratio + object-fit Kombination handhabt elegant Bildcontainer jedes Verhältnisses.