Aspect Ratio Rechner Das Tool berechnet sofort das Seitenverhältnis jedes Bildes, Videoframes, Displays oder Design-Canvas anhand seiner Pixelabmessungen. Geben Sie eine Breite und Höhe ein, um das vereinfachte Verhältnis (z. B. 16:9), die Dezimalzahl, die Gesamtzahl der Pixel und den Megapixelwert anzuzeigen – mit einer live skalierten Vorschau der Form.
Was ist ein Seitenverhältnis?
Definieren Sie das Seitenverhältnis als das proportionale Verhältnis zwischen der Breite und Höhe eines Rechtecks, ausgedrückt als zwei Zahlen, die durch einen Doppelpunkt getrennt sind – wie 16:9 oder 4:3. Klären Sie, dass es die
Form beschreibt, nicht die Größe: Ein Bildschirm mit 1920×1080 und ein Bildschirm mit 1280×720 haben beide ein Seitenverhältnis von 16:9.
Behandeln Sie:
- Wie Verhältnisse mit dem größten gemeinsamen Teiler (GCD) vereinfacht werden
- Warum dasselbe Verhältnis bei unendlichen Auflösungen erscheinen kann
- Der Unterschied zwischen Seitenverhältnis und Auflösung
- Quer- vs. Hochformat und wie das Verhältnis für jedes ausgedrückt wird
Verwendung des Seitenverhältnis-Rechners
Schritt-für-Schritt-Anleitung:
- Geben Sie die Breite in Pixeln Ihres Bildes oder Bildschirms ein
- Geben Sie die Höhe in Pixeln Ihres Bildes oder Bildschirms ein
- Der Rechner zeigt sofort Ihr vereinfachtes Seitenverhältnis, Dezimalwert, Gesamtpixel und Megapixel an
- Oder klicken Sie auf eine der gängigen Seitenverhältnis-Voreinstellungen (16:9, 4:3, 1:1, 21:9, 9:16, 3:2), um Standardabmessungen zu laden
- Das visuelle Vorschaufenster skaliert, um die Form Ihres Verhältnisses in Echtzeit widerzuspiegeln
Die Ergebnisse des Rechners verstehen
Erklären Sie jede Ausgabemetrik:
| Ausgabe |
Was es bedeutet |
| Seitenverhältnis |
Vereinfachtes Verhältnis von Breite zu Höhe (z. B. 16:9) |
| Dezimal |
Breite geteilt durch Höhe (z. B. 1,78 für 16:9) |
| Gesamtpixel |
Breite × Höhe – die rohe Pixelanzahl |
| Megapixel |
Gesamtpixel ÷ 1.000.000 – verwendet in Kameraleistungsmerkmalen |
| Vorschau |
Skalierte visuelle Darstellung der Form |
Gängige Seitenverhältnisse erklärt
Behandeln Sie jede Voreinstellung im Tool mit einer eigenen Erklärung:
16:9 — Breitbild-Standard Der universelle Standard für HD- und 4K-Videos, YouTube, TV-Übertragungen, Laptop-Bildschirme und die meisten Desktop-Monitore. Auflösungen umfassen 1280×720, 1920×1080, 2560×1440 und 3840×2160.
4:3 — Klassisches Bildschirmformat Der Standard für ältere Fernsehgeräte, frühe Computermonitore und Fotografie. Wird immer noch in einigen Präsentationsprogrammen und Tablet-Displays verwendet. Gängige Auflösungen: 1024×768, 1600×1200.
1:1 — Quadratisches Format Populär gemacht durch Instagram, verwendet für Profilbilder, Social-Media-Thumbnails und bestimmte künstlerische Kompositionen. Gleiche Breite und Höhe bei jeder Auflösung.
21:9 — Ultrawide / Kino Verwendet in Ultrawide-Monitoren und im Kino. Bietet ein immersives Sichtfeld für Spiele und Filme. Gängig bei 2560×1080 und 3440×1440.
9:16 — Vertikal / Hochformat Der Standard für mobile Videos, Instagram Reels, TikTok und YouTube Shorts. Die exakte Umkehrung von 16:9, im Hochformat gedreht.
3:2 — Fotografie-Standard Das native Seitenverhältnis der meisten DSLR- und spiegellosen Kameras, basierend auf dem 35-mm-Filmformat. Wird auch von einigen Laptops verwendet (Microsoft Surface).
Seitenverhältnis in der Videoproduktion
- Plattformspezifische Anforderungen (YouTube 16:9, TikTok 9:16, Instagram 1:1 oder 4:5)
- Warum der Export mit dem falschen Verhältnis schwarze Balken verursacht (Letterboxing/Pillarboxing)
- Wie man die richtigen Zuschnittabmessungen vor der Bearbeitung berechnet
- Safe Zones und Framing-Überlegungen für verschiedene Verhältnisse
- 4K, 2K, 1080p und 720p teilen sich alle dasselbe 16:9-Verhältnis
Seitenverhältnis in der Fotografie
- Wie Kamerasensoren das native Seitenverhältnis bestimmen (3:2 für Vollformat, 4:3 für Micro Four Thirds)
- Zuschneiden von Fotos für verschiedene Druckgrößen oder soziale Plattformen
- Wie Megapixel mit dem Seitenverhältnis beim Exportieren oder Drucken zusammenhängen
- Standard-Druckgrößen und ihre Verhältnisse: 4×6 (3:2), 5×7 (7:5), 8×10 (4:5)
Seitenverhältnis für Web & Grafikdesign
- Gestaltung responsiver Bilder, die das Verhältnis über verschiedene Geräte hinweg beibehalten
- CSS
aspect-ratio Eigenschaft und wann sie verwendet werden soll
- Hero-Bilder, Banner und OG (Open Graph) Social-Share-Bilder – Standardverhältnisse für jedes
- Figma, Adobe XD und Photoshop – Einrichten von Canvas mit korrekten Verhältnissen
- Favicon-Größen und App-Icon-Raster (alle 1:1)
Seitenverhältnis für Displays und Bildschirme
Behandeln Sie die Landschaft der Bildschirmformate:
| Gerätetyp |
Gängiges Verhältnis |
Beispielauflösung |
| Desktop-Monitor |
16:9 |
1920×1080 |
| Ultrawide-Monitor |
21:9 |
3440×1440 |
| MacBook Display |
16:10 |
2560×1600 |
| iPad |
4:3 |
2048×1536 |
| iPhone |
19.5:9 |
2532×1170 |
| TikTok / Reels |
9:16 |
1080×1920 |
Berechnung des Seitenverhältnisses manuell
Gehen Sie die GCD-Methode mit einem konkreten Beispiel durch:
- Auflösung: 1920 × 1080
- GCD von 1920 und 1080 = 120
- 1920 ÷ 120 = 16, 1080 ÷ 120 = 9
- Ergebnis: 16:9
Zeigen Sie auch die Dezimalmethode: 1920 ÷ 1080 =
1,78, was die Dezimalform von 16:9 ist.
Seitenverhältnis vs. Auflösung — Was ist der Unterschied?
Ein häufiger Punkt der Verwirrung. Klären Sie:
- Auflösung = die genaue Pixelanzahl (1920×1080 ist eine spezifische Auflösung)
- Seitenverhältnis = die proportionale Form (16:9 wird von Dutzenden von Auflösungen geteilt)
- Höhere Auflösung bei gleichem Verhältnis = mehr Pixel, gleiche Form
- Änderung der Auflösung ohne Beibehaltung des Verhältnisses verzerrt das Bild
