Instagram Story Safe Zone Checker
Zieh ein Bild hierher, sieh genau, wo die Instagram-Oberfläche dein Design verdeckt, verschieb es und lade eine Vorschau in 1080×1920 herunter – oder eine transparente Overlay-Vorlage für Figma, Canva und Photoshop.
Zieh dein Story-Bild hierher
JPG, PNG oder WebP · bis 30MB · ideal 1080×1920
Was die Gefahrenzonen bedeuten
Obere 155px (Stories)
Hier zeigt Instagram deinen Nutzernamen, dein Profilbild, die Uhrzeit und den Schließen-Button. Alles in diesem Streifen wird verdeckt.
Untere 155px (Stories)
Hier sitzen das Antwortfeld sowie die Teilen- und DM-Buttons. Platziere CTAs und Text mit Abstand über dieser Linie.
Reels brauchen mehr Platz
Reels haben unten einen breiteren Streifen für Caption + Audio-Angabe und rechts eine Aktionsleiste. Plane ca. 250px oben und ca. 350px unten ein.
Sicherer Bereich = 1080 × 1610 (Stories)
Platziere Headlines, Gesichter und wichtige Visuals innerhalb des grünen Rahmens. Deko darf in die Gefahrenzonen ragen.
Wofür dieses Tool gedacht ist
Die Story-Fläche bei Instagram misst 1080×1920, doch die Plattform legt über jede Story ihre eigene Oberfläche. Nutzername und Schließen-Button verdecken die oberen 155 Pixel, die Antwortleiste die unteren 155 Pixel. Alles, was du in diese Streifen setzt, ist auf dem Gerät verdeckt. Dieses Tool legt genau diese Streifen über dein Bild, damit du dein Design vor dem Posten prüfen kannst. Danach lädst du ein PNG in 1080×1920 oder ein transparentes Overlay für Figma, Canva oder Photoshop herunter.
Genaue Specs
| Story-Canvas | 1080 × 1920 px |
| Seitenverhältnis | 9 : 16 |
| UI-Streifen oben (Stories) | 155 px |
| UI-Streifen unten (Stories) | 155 px |
| Sicherer Bereich (Stories) | 1080 × 1610 px |
| Oberer UI-Bereich (Reels) | ~250 px |
| Unterer UI-Bereich (Reels) | ~350 px |
| Aktionsspalte rechts (Reels) | ~120 px |
| Max. Dateigröße | 30 MB |
| Unterstützte Formate | JPG, PNG, WebP |
So funktioniert's
- Lade dein Design hoch (jedes Seitenverhältnis – es wird auf 9:16 zugeschnitten).
- Wechsle zwischen Stories und Reels und sieh, wie dasselbe Design unter den UI-Bereichen des jeweiligen Formats wirkt.
- Ziehe in der Vorschau, um den Fokuspunkt zu verschieben, bis deine Headline im grünen sicheren Bereich liegt.
- Blende Gefahrenzonen, Umriss des sicheren Bereichs und Drittel-Raster nach Bedarf ein oder aus.
- Lade ein kombiniertes PNG (mit Overlay zur Kontrolle), ein sauberes 1080×1920-PNG (fertig zum Posten) oder ein transparentes Overlay-PNG (Hilfsebene für Figma/Canva/Photoshop) herunter.
Checkliste vor dem Posten
- Die Headline liegt komplett im grünen sicheren Bereich und berührt weder den oberen noch den unteren Rand.
- Der CTA-Button sitzt mindestens 220px über dem unteren Rand – so passt er auch in Reels.
- Gesichter und Produktbilder meiden die oberen 155px, damit der Nutzername sie nicht überdeckt.
- Der Kontrast bleibt auch neben Instagrams weißen UI-Elementen oben gut lesbar.
- Auf einem echten Handy geprüft – Vorschauen im Desktop-Browser können täuschen.
Verwandte Tools
Du brauchst reine Maße und einen automatischen Resizer statt eines Overlay-Checks? Guide zur Instagram Story Größe. Du gestaltest einen Post mit mehreren Slides? Tool zur Instagram Karussell Größe.
Gestalte die ganze Story, nicht nur die Safe Zone
Dieses Tool prüft, ob dein Design zu Instagrams UI passt. Carousel Maker erstellt das Design selbst – mit KI-Layouts, professionellen Vorlagen und einem Drag-and-drop-Editor, der mit einem Klick in 1080×1920 exportiert.