Was ist das Seitenverhältnis?
Das Seitenverhältnis sagt dir, wie breit ein Bild oder Video im Verhältnis zu seiner Höhe ist. Geschrieben wird es immer als Breite:Höhe. 16:9 ist also quer, 9:16 hochkant, 1:1 quadratisch.
Das Seitenverhältnis beschreibt nur die Form. 720 × 900 Pixel und 1.440 × 1.800 Pixel sind beide 4:5, obwohl das zweite Bild viel schärfer ist. Die Pixelzahl ist die Auflösung, und die ist etwas anderes.
So rechnest du es aus
Breite und Höhe durch ihren größten gemeinsamen Teiler kürzen
Beispiel: 1.920 × 1.080 → beide durch 120 → 16:9
Welches Seitenverhältnis gilt auf welcher Plattform?
Jede Plattform hat ihre eigene Lieblingsform. Diese Werte stammen aus den Hilfen und Anzeigen-Specs der Anbieter, Stand November 2026. Sie ändern sich regelmäßig, also prüf sie vor großen Produktionen.
Fläche
Format
YouTube-Video
16:9
YouTube Shorts
1:1 oder vertikal
Instagram-Feed-Anzeige
4:5
Instagram-Reels-Anzeige
9:16
TikTok In-Feed
9:16 empfohlen
LinkedIn-Einzelbild
1,91:1, 1:1, 4:5
Pinterest-Bild
2:3
Google Demand Gen
1:1, 1,91:1, 4:5, 9:16
Bei Reels-Anzeigen kommt die Safe Zone dazu. Meta nennt in seinem Anzeigenleitfaden etwa 14 % oben, 35 % unten und 6 % an jeder Seite, die frei von Text und Logos bleiben sollen.
LinkedIn hat eine Eigenheit: Hochkant-Anzeigen laufen dort nur auf Mobilgeräten. Pinterest warnt, dass Pins mit einem Verhältnis über 2:3 abgeschnitten werden könnten.
Wie sieht das in der Praxis aus?
Ein Handwerksbetrieb dreht ein Video. Hochkant in 9:16 passt es für Reels, TikTok und Shorts. Für das normale YouTube-Video und für LinkedIn am Desktop braucht er eine zweite Fassung. Wer das vorher weiß, stellt das Motiv beim Dreh mittig und lässt Platz drumherum.
Eine Website mit Kachelbildern. Fehlen im HTML die Angaben zu Breite und Höhe, reserviert der Browser keinen Platz, und das Layout springt beim Laden. Google nennt Bilder ohne Größenangabe ausdrücklich als Ursache für einen schlechten Cumulative Layout Shift. Gut ist dort ein Wert von 0,1 oder weniger.
Die Lösung ist einfach: Trag width und height am Bild ein oder setz die CSS-Eigenschaft aspect-ratio. Die funktioniert seit September 2021 in allen gängigen Browsern.
Was ist der Unterschied zur Auflösung?
- Seitenverhältnis: die Form.
- Auflösung: die Zahl der Pixel, also die mögliche Schärfe.
- Safe Zone: der Bereich innerhalb des Formats, den keine Bedienelemente verdecken.
- Pixel-Seitenverhältnis: die Form eines einzelnen Pixels. Das spielt nur in der Videotechnik eine Rolle.
Merk dir: Die Plattform fragt zuerst nach der Form und dann nach der Größe. Mit dem falschen Format hilft dir die beste Auflösung nichts.
Häufige Fehler
Fehler 1 · Schwarze Balken ins Video einbauen
Wer ein Querformat in ein Hochkant-Video setzt, verschenkt Fläche. YouTube rät ausdrücklich davon ab, Ränder oder Balken einzubauen. Der Player passt sich dem Format selbst an.
Fehler 2 · Ein Motiv für alle Plattformen
Ein 1,91:1-Bild bekommt bei LinkedIn in Hochkant-Platzierungen seitliche Ränder, bei Instagram wird außerhalb der erlaubten Spanne beschnitten. Exportiere lieber zwei Fassungen als eine, die überall nur halb passt.
Fehler 3 · Text bis an den Rand setzen
Das Format stimmt, aber die Botschaft verschwindet hinter den Knöpfen. Bei Reels ist das untere Drittel besonders heikel. Schau dir die Vorschau an, bevor du freigibst.
Fehler 4 · Auf Format-Mythen vertrauen
Dass ein bestimmtes Format generell besser läuft, haben wir nicht belastbar belegt gefunden. Entscheide nach Plattform und Platzierung, nicht nach einem Lieblingsformat aus dem Netz.
Häufige Fragen
Was ist der Unterschied zwischen Seitenverhältnis und Auflösung?
Das Seitenverhältnis ist die Form, die Auflösung die Zahl der Pixel. 720 × 900 und 1.440 × 1.800 Pixel haben dasselbe Seitenverhältnis von 4:5, aber unterschiedliche Auflösungen.
Wie berechne ich das Seitenverhältnis?
Teil Breite und Höhe durch ihren größten gemeinsamen Teiler. Aus 1.080 × 1.350 wird mit dem Teiler 270 das Verhältnis 4:5.
Welches Seitenverhältnis ist für Instagram am besten?
Für Feed-Anzeigen empfiehlt Meta 4:5, für Reels-Anzeigen 9:16. Organisch erlaubt Instagram eine größere Spanne und beschneidet, was außerhalb liegt.
Warum werden meine Bilder bei Instagram beschnitten?
Weil sie außerhalb der erlaubten Spanne liegen. Exportiere dein Bild deshalb gleich im passenden Format, statt den Zuschnitt der Plattform zu überlassen.
Wofür brauche ich aspect-ratio auf der Website?
Damit der Browser den Platz für Bilder und Videos reserviert, bevor sie geladen sind. So springt das Layout nicht, und dein Wert beim Cumulative Layout Shift bleibt gut.
Quellen
- MDN: aspect-ratio
- web.dev: Cumulative Layout Shift
- web.dev: CLS optimieren
- YouTube-Hilfe: Seitenverhältnis
- YouTube-Hilfe: Shorts
- Meta Anzeigenleitfaden: Instagram Feed
- Meta Anzeigenleitfaden: Instagram Reels
- TikTok Ads: In-Feed Ads
- LinkedIn-Hilfe: Einzelbild-Anzeigen
- Pinterest-Hilfe: Produktspezifikationen
- Google Ads-Hilfe: Demand Gen
