Skip to main content
remove-bg.io remove-bg.io

Szablon Instagram Story z prawdziwą safe-zone

Instagram zjada górne i dolne 250 pikseli każdej Story. Projektuj wewnątrz pasa, który faktycznie się pokaże — rysujemy go na twoim płótnie.

Try It Now - Free

Stworzone pod 9:16 pionowe

1

Dokładnie 1080×1920

Renderuj w rozmiarze, którego Instagram faktycznie używa, dzięki czemu pillar-boxing i blur-fill nigdy nie spadną na twój projekt.

2

Nakładka safe-zone góra + dół

Pasy rezerwowe 250 px górą i dołem są narysowane na płótnie, więc nagłówki, twarze i CTA nigdy nie wpadają za UI Instagrama.

3

Wycięcia przyjazne naklejkom

Eksportuj przezroczysty obiekt, by ankiety, pytania i naklejki linków mogły żyć dookoła wycięcia bez kolidującego tła.

Jak zaprojektować tło Instagram Story

1

Wgraj zdjęcie 9:16 albo o innych proporcjach

Kadrujemy albo wycinamy obiekt tak, by trafił czysto wewnątrz bezpiecznego pasa — bez letterboxa z blur-fillem.

2

Skomponuj wewnątrz bezpiecznego pasa

Trzymaj twarz, nagłówek i CTA pomiędzy y=400 a y=1520, gdzie naklejki Instagrama mogą żyć bez kolizji.

3

Wyeksportuj 1080×1920

Pobierz gotowy do publikacji JPEG albo przezroczysty PNG, jeśli planujesz komponować na wypełnieniu kolorem wewnątrz Instagrama.

Dla kogo to jest

Twórcy prowadzący codzienne Story

Wytnij selfie na brandowe tło 9:16 w niespełna minutę i utrzymuj rozpoznawalny look Story przez cały tydzień.

Marki prowadzące reklamy Story

Produkt na czystym 1080×1920 z CTA wewnątrz bezpiecznego pasa — bez ryzyka, że pasek odpowiedzi zakryje ofertę.

Okładki Highlights

Projektuj wielokrotnie używaną grafikę Highlights 9:16, w której środkowy pas trzyma tytuł i ikonę.

Story napędzane naklejkami linków

Zostaw przestrzeń wokół obiektu, by naklejka linku nigdy nie siedziała na twarzy ani na cenie.

Szablon Instagram Story z faktycznie narysowanym bezpiecznym pasem

Instagram Story to powierzchnia o najgęstszym UI w aplikacji Instagrama. Płótno to 1080×1920 w proporcji 9:16, ale górne 250 px jest zarezerwowane na nazwę użytkownika, awatar konta, krzyżyk zamknięcia i cienki pasek postępu segmentów, a dolne 250 px należy do paska odpowiedzi, ikony wyślij i obszaru gestu swipe-up. To zostawia mniej więcej 1080×1420 bezpiecznego pasa pośrodku na wszystko, co nośne — twarze, nagłówki, ujęcia produktu, CTA, swipe-up, naklejki linków oraz licznik kropelek czasu segmentu. Wciśnij logo w lewy górny róg, a widzowie klikną je myśląc, że to link profilu; wciśnij callout „shop now” w dolną krawędź, a pasek wyślij zje połowę i cała oferta zniknie. Bezpieczny pas to nie sugestia ani opcja projektowa. To miejsce, w którym obraz faktycznie musi działać.

Dzienny workflow Story sprzyja szybkiej iteracji i krótkim cyklom edycji. Sfotografuj selfie albo ujęcie produktu, wgraj, pozwól wycięciu wylądować, a potem skomponuj na tle 1080×1920 respektującym 250-pikselową rezerwę górą i dołem. Trzymaj twarz, nagłówek i każde CTA wewnątrz pasa y=400 do y=1520, gdzie naklejki Instagrama też żyją, dzięki czemu nic nie koliduje z ankietą, polem pytania, kwizem, paskiem muzyki ani naklejką linku dodaną później w aplikacji. Uploady szersze niż 9:16 dostają pillar-box ze syntetyzowanym blur-fillem, który rzadko wygląda dobrze pod marketingiem marki — renderuj zamiast tego w dokładnym rozmiarze płótna. Przezroczysty PNG też zadziała, jeśli planujesz upuścić obiekt prosto na wypełnienie kolorem Story w Instagramie, ale eksport gotowego JPEG-a 1080×1920 stąd daje pewny i powtarzalny rezultat bez zależności od narzędzi w aplikacji.

Dlaczego strefa bezpieczna ma większe znaczenie niż płótno

Płótno 1080×1920 łatwo znaleźć. Strefę bezpieczną pomija większość narzędzi szablonowych, a to ona faktycznie sprawia, że Story działa. Piękny pionowy projekt z nagłówkiem przypiętym do lewego górnego rogu zawodzi po cichu za każdym razem — widzowie nie zdają sobie sprawy, że coś omijają, po prostu tapią dalej. Projektowanie wewnątrz centralnego pasma 1080×1420 i zarezerwowanie miejsca pod naklejki linka i ankiety wokół obiektu to różnica między Story, które jest swipowane, a Story, na które ktoś odpisuje.

Najczęściej zadawane pytania

Czy mój projekt zostanie zakryty przez UI Instagram Story?
Tylko jeśli umieścisz nośne elementy w górnych albo dolnych 250 pikselach. Instagram nakłada nazwę użytkownika, pasek postępu, pasek odpowiedzi i przycisk wyślij na te pasy w każdej Story. Trzymaj twarze, nagłówki i CTA pomiędzy y=250 a y=1670, a zostaną widoczne w całym zakresie wersji aplikacji IG.
Jaka jest safe-zone dla tekstu w Instagram Story?
Bezpieczna strefa kontentu to mniej więcej 1080×1420 wycentrowane w płótnie (y=250 do y=1670). Jeśli planujesz dodać naklejki na wierzchu wewnątrz Instagrama, zacieśnij dalej do y=400 do y=1520, by naklejka nie kolidowała z tekstem pod spodem.
Czy przezroczyste tło działa w Instagram Stories?
Tak — eksportuj przezroczysty PNG i upuść go na wypełnienie kolorem albo gradient w kompozytorze Story. Działa świetnie dla projektów opartych na samych naklejkach. Pod w pełni skomponowany look wyeksportuj stąd spłaszczony JPEG 1080×1920, dzięki czemu finalny output nigdy nie zależy od edycji w aplikacji.

Wyślij Story, które przeżyje UI

Bezpłatnie, bez znaku wodnego, bez rejestracji. Eksportuj JPEG 1080×1920 albo przezroczysty PNG ze wbudowanymi safe-zone.

Start Using Tool

Quick reference: Szablon Instagram Story z prawdziwą safe-zone