Das Seitenverhältnis gibt an, wie sich die Breite eines Bildes, Videos oder Bildschirms zu seiner Höhe verhält. 16:9 heißt sechzehn Teile breit und neun Teile hoch, unabhängig davon, wie viele Pixel das sind. Gängig sind 16:9 für Videos und Bildschirme, 4:3 für ältere Formate, 3:2 für Fotos, 1:1 für Quadrate und 9:16 für Hochkantvideos.
- Seitenverhältnis
Das Verhältnis von Breite zu Höhe eines Bildes, Videos oder Bildschirms, etwa 16:9 oder 4:3.
Beispiel: „Für das Video auf der Startseite wählten wir das Seitenverhältnis 16:9, für Instagram eine Fassung in 4:5.“Auch: Bildformat, englisch aspect ratio.
Bei Hochformaten steht die kleinere Zahl vorn, etwa 9:16.
Woher 16:9 kommt
Fernsehen hatte bis zur Einführung von HD das Format 4:3. Als internationale Norm für HD legte die ITU in der Empfehlung BT.709 erstmals 1990 das Seitenverhältnis 16:9 fest, mit quadratischen Pixeln. Seitdem ist 16:9 das Standardformat für Fernseher, Monitore und Videoplattformen; auch YouTube nennt es den Standard auf Computern.
Seitenverhältnis in CSS
Die Eigenschaft aspect-ratio gibt einem Element ein festes Seitenverhältnis, seit September 2021 in allen großen Browsern. Bei Bildern genügen die Attribute width und height: Der Browser leitet daraus das Seitenverhältnis ab und reserviert den Platz, bevor das Bild geladen ist. Laut web.dev verhindert das Layoutverschiebungen, einen Teil der Core Web Vitals.
.video-rahmen {
aspect-ratio: 16 / 9;
width: 100%;
}Seitenverhältnisse für soziale Netzwerke
Jede Plattform hat eigene Vorgaben. Laut Instagram dürfen Fotos im Feed zwischen 1,91:1 und 3:4 liegen, bei 1.080 Pixeln Breite also 566 bis 1.440 Pixel hoch. TikTok empfiehlt für Anzeigen 9:16 und nimmt auch 1:1 und 16:9. Wer Motive für mehrere Kanäle plant, wählt den Ausschnitt so, dass die wichtigen Inhalte in allen Formaten Platz haben.