Seitenverhältnis-Rechner

Berechnen Sie Seitenverhältnisse, ändern Sie Abmessungen proportional und erhalten Sie CSS-aspect-ratio-Werte

16:9
1.7778

Proportionale Größenänderung

aspect-ratio: 16 / 9;

Seitenverhältnis-Rechner

Berechnen Sie Seitenverhältnisse, ändern Sie Abmessungen proportional und erhalten Sie CSS-aspect-ratio-Werte

Funktionen

  • Berechnen Sie das Seitenverhältnis aus beliebiger Breite und Höhe
  • Proportionale Größenänderung – geben Sie eine neue Breite oder Höhe ein, um die andere automatisch zu berechnen
  • Voreinstellungen für gängige Seitenverhältnisse (16:9, 4:3, 1:1, 21:9 usw.)
  • Visuelle Vorschau des Seitenverhältnisses
  • Ausgabe der CSS-Eigenschaft aspect-ratio
  • Abmessungen mit einem Klick tauschen
  • 100 % clientseitige Verarbeitung

Anleitung

  1. Geben Sie Breite und Höhe ein, um das Seitenverhältnis zu berechnen.
  2. Oder klicken Sie auf eine voreingestellte Verhältnis-Schaltfläche.
  3. Verwenden Sie den Abschnitt Proportionale Größenänderung, um neue Abmessungen zu finden.
  4. Kopieren Sie den CSS-aspect-ratio-Wert für Ihre Stylesheets.

Tipps & Best Practices

  • Verwenden Sie 16:9 für Standardvideos und Präsentationen.
  • Verwenden Sie 1:1 für Profilbilder in sozialen Medien und Instagram-Beiträge.
  • Die CSS-Eigenschaft aspect-ratio wird von allen modernen Browsern unterstützt.

FAQ

Was ist ein Seitenverhältnis?

Ein Seitenverhältnis ist das proportionale Verhältnis zwischen Breite und Höhe. Zum Beispiel bedeutet 16:9, dass auf 16 Einheiten Breite 9 Einheiten Höhe kommen.

Welches Seitenverhältnis ist am besten für Video?

16:9 ist der Standard für HD-Video und die meisten Bildschirme. 21:9 wird für Ultrawide-/Kinoinhalte verwendet. 9:16 ist Standard für vertikale/mobile Videos.

Wie funktioniert die proportionale Größenänderung?

Geben Sie entweder eine neue Breite oder eine neue Höhe ein, und der Rechner berechnet die andere Dimension, um das gleiche Seitenverhältnis beizubehalten – ohne Verzerrung.