Sichere Zonen für Instagram Stories und Reels erklärt

Meta empfiehlt, die oberen 14% und die unteren 35% einer Story oder eines Reels frei zu halten, dazu etwa 6% auf jeder Seite, damit die App-Oberfläche Ihre Botschaft nicht verdeckt. Halten Sie jedes Wort, jedes Logo und jedes Gesicht, das die Leute sehen sollen, innerhalb des verbleibenden Bereichs, der bei 1080 x 1920 px etwa 950 px breit und 979 px hoch ist.

Das sind die Zahlen aus Metas Spezifikationen für Stories-Karussells, den Spezifikationen für Stories-Videos und den Spezifikationen für Reels-Bilder. Alle drei Seiten nennen dieselben Ränder. Beachten Sie, dass es sich um Anzeigenspezifikationen handelt: Meta veröffentlicht die Ränder für Anzeigen, und sie auf organische Stories und Reels anzuwenden ist unsere Schlussfolgerung, weil dort dasselbe Profilsymbol und dieselben Buttons erscheinen. Der Rest dieses Beitrags rechnet sie in Pixel um, mit denen Sie arbeiten können.

Was sind die sicheren Zonen für Story und Reel in Pixeln?

Meta gibt die Ränder als Prozentsätze des gesamten Bildes an: etwa 14% oben, 35% unten und 6% auf jeder Seite. Wir haben sie für die Standardfläche von 1080 x 1920 umgerechnet und für die Größe 1440 x 2560, die Meta für Stories-Videos und Reels-Bilder nennt.

Rand	Anteil am Bild	Bei 1080 x 1920	Bei 1440 x 2560
Oben	14%	269 px	358 px
Unten	35%	672 px	896 px
Links	6%	65 px	86 px
Rechts	6%	65 px	86 px
Nutzbare Breite	88%	950 px	1,268 px
Nutzbare Höhe	51%	979 px	1,306 px

Runden Sie die Werte auf, wenn Sie eine glatte Zahl in eine Vorlage eintragen möchten: 270 px oben, 675 px unten, 65 px an den Seiten. Nur etwa die Hälfte des Bildes gehört wirklich Ihnen, und deshalb scheitert ein randabfallendes Layout mit einer unten fixierten Überschrift so oft.

Was verdeckt die Oberfläche tatsächlich?

Meta sagt, die Ränder schützen Ihr Motiv davor, vom Profilsymbol und vom Call-to-Action-Button beschnitten oder verdeckt zu werden. Das sind die einzigen beiden Elemente, die auf den Seiten genannt werden. Nach unserer Beobachtung zeigt die App unten außerdem die Bildunterschrift und die Antwort-Steuerelemente, und diese können sich zwischen App-Versionen ändern, also halten Sie lieber einen Puffer ein, statt auf den exakten Pixel zu gestalten.

Der seitliche Rand von 6% ist klein. Unsere Annahme ist, dass er vor Beschnitt an den Kanten auf Telefonen mit anderen Bildschirmverhältnissen schützt; Meta sagt dazu nichts.

Unterscheidet sich die sichere Zone für Reels von der für Stories?

Im aktuellen Werbeanzeigen-Leitfaden von Meta nicht: Die Seiten für Stories und Reels nennen dieselben 14%, 35% und 6%. Wenn Sie nach den größeren Zahlen bauen, ist Ihr Design in beiden Platzierungen sicher und Sie brauchen nie zwei Versionen.

Welche Größe sollte die Fläche haben?

Verwenden Sie 9:16. Metas Seite zu Stories-Karussells nennt 1080 x 1920 px als Minimum, während die Seite zu Stories-Videos und die Seite zu Reels-Bildern 1440 x 2560 px als Auflösung angeben. Beide haben dasselbe Format, daher bleiben die Ränder proportional. Die Seite zu Reels-Bildern nennt außerdem JPG oder PNG mit einer Obergrenze von 30 MB. Für Feed-Größen siehe unseren Leitfaden zu Instagram-Beitragsgrößen, und für alle Plattformen den Spickzettel zu Bildgrößen für Social Media.

Wie sieht ein sicheres Layout aus?

Unsere Engine kann keine Oberflächen-Überlagerung über eine Vorlage zeichnen, deshalb hier ein Render in 1080 x 1920, den Sie an der Tabelle messen können. Das Etikett und die Überschrift sitzen zwischen etwa 355 px und 810 px von oben, deutlich innerhalb des sicheren Bands (269 px bis 1,248 px). Die kleine Zeile bei etwa 1,485 px ist ein absichtlicher Fehler: Sie fällt in die unteren 35%, wo die Bildunterschrift und die Buttons sie verdecken würden.

Zwei Gewohnheiten machen das wiederholbar. Setzen Sie die Überschrift in das obere mittlere Band und halten Sie das Logo oder den Call-to-Action oberhalb des unteren Rands von 672 px. In Chikaboom legt der Vorlagenbesitzer diese Slot-Positionen einmal fest, Text schrumpft innerhalb seines Felds, statt in die Oberflächenzone zu laufen, und das ganze Team erbt das. Sie können das in der Live-Demo ausprobieren.

Warum ist der untere Rand so viel größer als der obere?

Meta erklärt den Unterschied nicht. Unsere Lesart ist, dass unten wahrscheinlich mehr Oberfläche liegt als oben, sodass eine tief im Bild fixierte Überschrift, wie bei vielen Feed-Designs, als Erstes verdeckt wird. Sie nach oben zu verschieben kostet nichts.

Checkliste für sichere Zonen vor dem Veröffentlichen

• Die Fläche ist 1080 x 1920 px (oder 1440 x 2560), 9:16.
• Kein Text und kein Logo in den oberen 269 px oder den unteren 672 px.
• Nichts Wichtiges innerhalb von 65 px vom linken oder rechten Rand.
• Die Überschrift ist kurz genug, um in zwei Sekunden gelesen zu werden; Hintergrundbilder dürfen randabfallend laufen.
• Sehen Sie sich den Beitrag vor der Veröffentlichung auf einem Telefon an, denn das ist der einzige echte Test auf Überlagerung.
• Sie verwenden ein vertikales Video als Cover wieder? Prüfen Sie den Beschnitt anhand des Rasters im Leitfaden zur TikTok-Coverbildgröße, der eigene Ränder hat.