# Social-Media-Safe-Zones: Wo die App dein Design verdeckt

[Canonical HTML page](https://gradiently.design/de/guide/social-media-safe-zones)

Jede Plattform legt Buttons, Namen und Bildunterschriften über dein Design. Hier steht an einer Stelle, wo sie landen, mit Rändern, die du in jede Vorlage einbauen kannst.

## The short version

- Social-Media-Safe-Zones sind die Bereiche eines Designs, die die Oberfläche der App auf keinem Handy verdeckt.
- In einem vertikalen Format von 1080×1920 gilt als Faustregel, Text aus den oberen etwa 250 und den unteren etwa 250 Pixeln einer Story herauszuhalten.
- Reels, TikTok und YouTube Shorts tragen unten eine Bildunterschrift und rechts eine Buttonleiste, also brauchen sie einen tieferen unteren Rand und zusätzlich einen rechten Rand.
- Banner haben eigene verdeckte Zonen: Das Profilbild überlappt unten links bei LinkedIn und X, und Handys beschneiden die Seiten von Facebook-Titelbildern.
- Oberflächen ändern sich mit App-Updates und unterscheiden sich je nach Handy, also betrachte jede Safe-Zone-Angabe als großzügige Orientierung und prüfe sie, indem du zuerst privat postest.

**Social-Media-Safe-Zones** sind die Teile eines Beitrags, die keine App-Oberfläche je verdeckt. In Hochformaten liegt die Gefahr oben, wo Namen und Fortschrittsbalken sitzen, unten, wo Bildunterschriften und Antwortfelder sitzen, und bei Reels, TikTok und Shorts am rechten Rand, wo die Like- und Teilen-Buttons laufen. Lass den Hintergrund den ganzen Rahmen füllen und halte jedes Wort, jedes Logo und jedes Gesicht im sicheren Bereich.

## Safe Zones für Hochformat-Videos und Stories

Alle diese Formate teilen den Rahmen 1080×1920, aber die Überlagerungen unterscheiden sich. Die Zahlen unten sind Arbeitsränder, bewusst aufgerundet, abgeleitet aus dem Aufbau der jeweiligen App-Oberfläche und aus den Hinweisen, die Plattformen Werbetreibenden geben. Es sind keine offiziellen Messwerte, und jede App verschiebt Dinge zwischen Versionen und Bildschirmformaten.

| Format | Oben | Unten | Seiten |
| --- | --- | --- | --- |
| Instagram Story | 250 px | 250 px | Etwa 60 px je Seite |
| Facebook- und WhatsApp-Stories | 250 px | 250 px | Etwa 60 px je Seite |
| Instagram Reel | 250 px | Etwa 420 px | Etwa 120 px rechts |
| TikTok | Etwa 150 px | Etwa 480 px | Etwa 140 px rechts |
| YouTube Shorts | Etwa 150 px | Etwa 420 px | Etwa 140 px rechts |
| Snapchat Story | Etwa 250 px | Etwa 300 px | Etwa 60 px je Seite |

Arbeitsränder in einem Rahmen von 1080×1920. Bewusst großzügig: Zu vorsichtig zu sein kostet etwas leeren Raum, unachtsam zu sein kostet eine verdeckte Überschrift.

Wenn du dir nur eine Regel merkst, dann diese: Halte bei jedem Hochformat-Video den wichtigen Inhalt in einem zentralen Kasten von etwa 800 Pixel Breite und 1.150 Pixel Höhe, der etwa 250 Pixel unterhalb des oberen Rands beginnt. Dieser Kasten hält alle Ränder der Tabelle ein. Mehr Details je Plattform findest du in [Instagram Story Größe](https://gradiently.design/de/guide/instagram-story-size), [TikTok Cover Größe](https://gradiently.design/de/guide/tiktok-cover-size) und [YouTube Shorts Cover Größe](https://gradiently.design/de/guide/youtube-shorts-cover-size).

- Voller Rahmen 1080×1920: 1080 × 1920
- Überall sicher 800×1150: 800 × 1150
- Rasterausschnitt 1080×1440: 1080 × 1440

Der volle Hochformat-Rahmen, der überall sichere Kasten und der 3:4-Ausschnitt, den Instagram im Profilraster zeigt. Plane alle drei zugleich ein.

## Was in welcher Zone sitzt

Zu wissen, was jeden Rand verdeckt, hilft dir zu entscheiden, was in seine Nähe darf. Hintergründe, Texturen und das Ende eines Verlaufs sind unter der Oberfläche in Ordnung. Worte, Preise, Logos und Gesichter nicht.

### Oben und unten bei einer Story

- Fortschrittsbalken und Profilbild
- Kontoname und Zeitpunkt der Veröffentlichung
- Schließen- und Menü-Buttons
- Antwortfeld und Teilen-Button
- Link-Sticker, die du in der App hinzufügst

### Unten und rechts bei Reel oder TikTok

- Bildunterschrift, die sich beim Antippen vergrößert
- Kontoname und Folgen-Button
- Audio- oder Sound-Label
- Buttons für Like, Kommentar, Teilen und Speichern
- Navigationsleiste der App selbst

Die Bildunterschrift ist die heimtückische. Eine kurze nimmt zwei Zeilen ein, doch tippt jemand darauf, wächst sie nach oben über das Video. Sitzt dein Text tief im Bild, verdeckt ihn eine lange Bildunterschrift.

Ein Hochformat-Beitrag mit der Überschrift in der oberen Mitte des Bildes, weit von den Rändern entfernt

Text im sicheren Kasten, etwa in der oberen Mitte. Nichts Wichtiges nahe unten oder rechts.

Ein Hochformat-Beitrag mit einer kurzen Liste links und in der Mitte des Bildes

Ein Listenlayout, das links und mittig bleibt und den rechten Rand für die Buttons der App frei lässt.

## Safe Zones bei Bannern und Headern

Breite Banner haben keine Buttons obendrauf, aber zwei andere Probleme: ein Profilbild, das einen Teil des Bildes überlappt, und unterschiedliche Ausschnitte auf Handys und Desktop.

| Banner | Größe | Freihalten |
| --- | --- | --- |
| LinkedIn Profilbanner | 1584×396 | Unten links, wo das Profilbild sitzt |
| X Header | 1500×500 | Unten links sowie oberer und unterer Rand |
| Facebook Titelbild | 1640×624 | Äußere Seiten auf Handys und das untere Band |
| YouTube Kanalbanner | 2560×1440 | Alles außerhalb des mittleren Streifens, der auf allen Geräten zu sehen ist |
| LinkedIn Unternehmens-Titelbild | 2256×382 | Unten links, wo das Firmenlogo sitzt |

Banner bestehen größtenteils aus Hintergrund. Setze Text in die Mitte und nach rechts, weg vom Avatar.

YouTube ist der Extremfall: Das Kanalbanner ist ein riesiges Bild in 2560×1440, aber Handys zeigen nur einen schmalen Streifen aus der Mitte. Unsere Anleitungen zum [LinkedIn Banner](https://gradiently.design/de/guide/linkedin-banner-size) und [YouTube Banner](https://gradiently.design/de/guide/youtube-banner-size) zeigen die genauen Bereiche.

## Auch Feed-Beiträge und Thumbnails haben Safe Zones

- **Instagram Profilraster:** Beiträge erscheinen als 3:4-Kacheln, aus der Mitte geschnitten. Ein Beitrag in 1080×1350 verliert an jeder Seite einen schmalen Streifen; ein Reel-Cover verliert oben und unten etwa 240 Pixel. Siehe [Instagram Rasterausschnitt](https://gradiently.design/de/guide/instagram-profile-grid-crop).
- **YouTube Thumbnails:** Die Videolänge sitzt in der unteren rechten Ecke, halte also Gesichter und Text davon fern.
- **Karussells:** Die Punkte sitzen direkt unter dem Bild, aber manche Apps blenden oben rechts einen Folienzähler ein.
- **Pinterest Pins:** Speichern-Buttons und der Pin-Titel erscheinen beim Darüberfahren und unter dem Pin, lass den unteren Rand also ruhig.

## So baust du Safe Zones in deinen Ablauf ein

1. **Einmal eine Hilfsebene anlegen** Zeichne in jeder Vorlage den sicheren Kasten als gesperrte Hilfsebene. Lass sie beim Gestalten sichtbar und blende sie vor dem Export aus.
2. **Für die strengste Plattform gestalten** Geht ein vertikales Design an Stories, Reels und TikTok, nutze die Ränder von TikTok. Dann ist es überall sicher.
3. **Den Hintergrund auslaufen lassen** Die verdeckten Zonen zeigen weiterhin deinen Hintergrund. Lass Farbe und Textur bis an jeden Rand laufen, damit der Rahmen nie eingesperrt wirkt.
4. **Platz für einen Sticker lassen** Wenn du in der App einen Link- oder Umfrage-Sticker hinzufügst, lass in der unteren Mitte des sicheren Kastens einen leeren Bereich.
5. **Mit eingeblendeter Oberfläche prüfen** Poste für ein privates Publikum oder enge Freunde, oder speichere einen Entwurf und sieh ihn im Vollbild an. Das ist die einzige echte Kontrolle.

Gradiently hilft an zwei Stellen. Wenn du mit Pro ein Design auf andere Formate skalierst, wird jede Kopie für ihre Form neu gesetzt statt zugeschnitten, du schiebst also nur die Worte in den sicheren Kasten. Der Mark dahinter füllt den ganzen Rahmen, die Zonen der Oberfläche eingeschlossen, und hält seinen ruhigsten, kontrastreichsten Bereich hinter deinen Worten, wohin sie auch wandern. [Text auf einem Verlauf](https://gradiently.design/de/guide/text-on-gradient) behandelt die Lesbarkeit im Detail.

## FAQ

### Was sind Social-Media-Safe-Zones?

Es sind die Teile eines Beitrags, die keine App-Oberfläche verdeckt. Text, Logos und Gesichter gehören hinein; Hintergründe dürfen darüber hinauslaufen.

### Was ist die Safe Zone für Instagram Reels?

Als Faustregel in einem Rahmen von 1080×1920 hältst du Text aus den oberen 250 Pixeln, den unteren 420 Pixeln und den rechten 120 Pixeln heraus, wo Bildunterschrift und Buttons sitzen.

### Was ist die TikTok Safe Zone?

TikTok verdeckt unten mit Bildunterschrift und Sound-Label und rechts mit seinen Buttons. Text aus den unteren etwa 480 Pixeln und den rechten 140 Pixeln eines Rahmens von 1080×1920 herauszuhalten, ist eine sichere Orientierung.

### Gibt es eine Safe Zone, die auf jeder Hochformat-Plattform funktioniert?

Ja, ungefähr. Ein zentraler Kasten von etwa 800 Pixel Breite und 1.150 Pixel Höhe, der etwa 250 Pixel unter dem oberen Rand eines Rahmens von 1080×1920 beginnt, bleibt bei Stories, Reels, TikTok und Shorts frei.

### Ändern sich Safe Zones?

Ja. Apps gestalten ihre Oberflächen neu und Handys unterscheiden sich in der Form, also betrachte alle Zahlen als großzügige Orientierung und prüfe jeden Beitrag mit eingeblendeter Oberfläche.