Was ist ein Seitenverhaeltnis?

Die reduzierte Breite-zu-Hoehe-Proportion von Bild, Video oder Bildschirm. 1920×1080 und 1280×720 teilen dasselbe 16:9 trotz unterschiedlicher Pixelzahl.

Wie berechne ich das Seitenverhaeltnis?

Breite und Hoehe durch gcd teilen. 1920÷120 und 1080÷120 ergeben 16 und 9, also 16:9. Modus Verkuerzen macht das automatisch und zeigt Dezimal (≈1.7778).

Wie finde ich die fehlende Dimension?

Im Modus Skalieren Zielverhaeltnis eingeben, bekannte Seite sperren, andere ablesen. Beispiel: 16:9 mit Breite 1920 -> Hoehe 1080; 9:16 mit Breite 1080 -> Hoehe 1920.

Gaengige 16:9-Aufloesungen?

720p ist 1280×720, 1080p ist 1920×1080, QHD ist 2560×1440, 4K UHD ist 3840×2160. Pixel-Chips laden passende Breiten fuer das aktive Verhaeltnis.

Wie nutze ich das mit CSS?

CSS-Ausgabe kopieren, z. B. `aspect-ratio: 16 / 9;`, auf einen Container fuer fluide Breite. Mit object-fit kombinieren, wenn Medien innen beschneiden muessen.

Welche Presets sind enthalten?

16:9, 9:16, 4:3, 3:2, 1:1, 21:9, 2:1, 5:4, 3:4 und 2:3 - gaengig fuer Video, Foto, Druck und Social.

Laden Sie meine Masse hoch?

Nein. Der Seitenverhaeltnis-Rechner laeuft vollstaendig im Browser. Breite und Hoehe verlassen diesen Tab nicht.

Rechner-Tools

Beliebt

Seitenverhaeltnis-Rechner

Groesse eingeben zum Verkuerzen, oder eine Seite sperren und die andere auf 16:9, 9:16, 4:3 und mehr skalieren.

Die Verhaltnisberechnung lauft in Ihrem Browser. Nichts wird hochgeladen.

Gangige Verhaltnisse

Breite

Hohe

Seitenverhaltnis

16:9

Dezimal

1,7778

Grosse

1.920 × 1.080

CSS

aspect-ratio: 16 / 9;

Gangige Pixelgrossen

Über Seitenverhaeltnis-Rechner

Ein Seitenverhaeltnis ist das proportionale Verhaeltnis von Breite zu Hoehe - als W:H nach Reduktion mit gcd (1920×1080 -> 16:9). Modus Verkuerzen fuer reduziertes Verhaeltnis, Dezimalwert, Vorschau und CSS `aspect-ratio`. Modus Skalieren: Breite oder Hoehe sperren und die andere Seite fuer 16:9, 9:16, 4:3, 1:1, 21:9 und mehr loesen. Pixel-Chips springen zu Groessen wie 1920×1080. Mit Bildgroesse aendern fuer herunterladbaren Zuschnitt oder Pixel zu Zoll Umrechner fuer Druck.

So verwenden Sie Seitenverhaeltnis-Rechner

Modus Verkuerzen: Breite und Hoehe fuer reduziertes Verhaeltnis, Dezimal, Vorschau und CSS-Snippet.
Modus Skalieren: Verhaeltnis setzen (oder Preset), Breite oder Hoehe sperren, passende andere Seite lesen.
Presets (16:9, 9:16, 4:3, 3:2, 1:1, 21:9 u. a.) fuer gaengige Foto- und Videoformate.
Gaengige Pixelgroesse anklicken zum Laden, dann Zusammenfassung oder CSS `aspect-ratio: W / H;` kopieren.

Seitenverhaeltnis-Rechner-Formel

Breite und Hoehe mit gcd(W, H) reduzieren fuer das Seitenverhaeltnis. Fehlende Seite: Hoehe = Breite × (ratioH ÷ ratioW), oder Breite = Hoehe × (ratioW ÷ ratioH). CSS: aspect-ratio: W / H. Beispiel: 1920×1080 -> durch 120 teilen -> 16:9.

Beispiele für Seitenverhaeltnis-Rechner

Full HD 16:9

1920×1080 verkuerzt zu 16:9. CSS: aspect-ratio: 16 / 9;

Hoehe aus Breite

Breite 1280 bei 16:9 sperren -> Hoehe 720. Breite 3840 -> Hoehe 2160 (4K UHD).

Vertikal Social 9:16

Breite 1080 bei 9:16 sperren -> Hoehe 1920 fuer Stories / Reels.

4:3 klassisch

1024×768 oder Hoehe 768 bei 4:3 sperren -> Breite 1024.

Quadratischer Zuschnitt

Gleiche Seiten (z. B. 1080×1080) verkuerzen zu 1:1 fuer Avatare und Produktkacheln.

Häufige Anwendungsfälle

Fotos und Thumbnails auf bekanntes Verhaeltnis zuschneiden
YouTube-, Twitch- oder Social-Videobilder (16:9 / 9:16) dimensionieren
CSS aspect-ratio-Werte fuer responsive UI erzeugen
Gaengige Pixelmasse fuer Zielverhaeltnis waehlen
Pruefen ob Aufloesung zu 4:3, 3:2 oder Ultrawide 21:9 passt
Proportionen beim Skalieren eines Design-Mockups halten

Häufig gestellte Fragen zu Seitenverhaeltnis-Rechner

Was ist ein Seitenverhaeltnis?: Die reduzierte Breite-zu-Hoehe-Proportion von Bild, Video oder Bildschirm. 1920×1080 und 1280×720 teilen dasselbe 16:9 trotz unterschiedlicher Pixelzahl.
Wie berechne ich das Seitenverhaeltnis?: Breite und Hoehe durch gcd teilen. 1920÷120 und 1080÷120 ergeben 16 und 9, also 16:9. Modus Verkuerzen macht das automatisch und zeigt Dezimal (≈1.7778).
Wie finde ich die fehlende Dimension?: Im Modus Skalieren Zielverhaeltnis eingeben, bekannte Seite sperren, andere ablesen. Beispiel: 16:9 mit Breite 1920 -> Hoehe 1080; 9:16 mit Breite 1080 -> Hoehe 1920.
Gaengige 16:9-Aufloesungen?: 720p ist 1280×720, 1080p ist 1920×1080, QHD ist 2560×1440, 4K UHD ist 3840×2160. Pixel-Chips laden passende Breiten fuer das aktive Verhaeltnis.
Wie nutze ich das mit CSS?: CSS-Ausgabe kopieren, z. B. `aspect-ratio: 16 / 9;`, auf einen Container fuer fluide Breite. Mit object-fit kombinieren, wenn Medien innen beschneiden muessen.
Welche Presets sind enthalten?: 16:9, 9:16, 4:3, 3:2, 1:1, 21:9, 2:1, 5:4, 3:4 und 2:3 - gaengig fuer Video, Foto, Druck und Social.
Laden Sie meine Masse hoch?: Nein. Der Seitenverhaeltnis-Rechner laeuft vollstaendig im Browser. Breite und Hoehe verlassen diesen Tab nicht.

Bildgroesse aendern

Bilder im Browser skalieren. Exakte Pixel oder Social Presets, Anpassungsmodus, dann JPG, PNG oder WebP herunterladen. Nichts wird hochgeladen.

Pixel-zu-Zoll-Konverter

Konvertieren Sie Pixel zu Zoll und Zoll zu Pixel mit DPI (PPI). Enthält druckfertige Beispiele für Web und 300-DPI-Design.

Quadratfuss-Rechner

Kostenloser Quadratfuss-Rechner fuer Raeume und Multi-Form-Grundrisse. Rechtecke, Quadrate, Kreise, Dreiecke oder Trapeze in ft, m, in oder cm. Live-Summen in sq ft und sq m.

PX zu REM Umrechner

Rechnen Sie px in rem und em online mit konfigurierbarer Basis-Schriftgroesse um. Kostenloser px-zu-rem-Umrechner mit Schnellreferenz. Laeuft im Browser.