CodeKitHubCo je tento nástroj?
Generátor Instagram Stories je mockup nástroj běžící přímo v prohlížeči, který napodobuje svislou obrazovku Instagram Story — segmentované pruhy ukazatele průběhu nahoře, kulatý avatar s barevným prstencem, @uživatelským jménem a relativním časem, fotku nebo přechodové pozadí přes celou obrazovku, vystředěný text a zaoblenou lištu „Send message" se srdíčkem — takže si můžete napsat vlastní obsah a stáhnout ho jako obrázek na výšku připravený ke sdílení.
Pouze pro zábavu a design: nástroj je určený pro vtipy, memy, prezentační slajdy, UI/UX prototypy a obsah na sociální sítě. Nikdy by neměl sloužit k vyrábění falešných důkazů, obtěžování, pomlouvání nebo vydávání se za skutečnou Story reálné osoby — takové jednání může být v závislosti na vaší jurisdikci nezákonné a je v přímém rozporu s účelem tohoto nástroje.
Nic, co napíšete, neopustí vaše zařízení — celá Story se vykresluje pomocí HTML Canvas API přímo v prohlížeči a PNG soubor se generuje a stahuje lokálně. Žádné nahrávání na server, žádný účet, žádné sledování obsahu.
Proč ho používat?
- Vytvořte si vtipné falešné Instagram Stories pro memy a sociální sítě.
- Namockujte si koncept UI ve formátu Story pro aplikaci nebo prezentaci.
- Doplňte marketingovou prezentaci realistickým screenshotem Story.
- Vyzkoušejte si rozložení textu přes fotku a lišty pro odpověď v instagramovém stylu.
- 100% lokální vykreslování — váš text se nikdy nedostane na žádný server.
Jak se používá
- Nastavte uživatelské jméno (@handle), čas, barvu avatara nebo nahrajte fotku.
- Zapněte placeholder pozadí a vyberte jeho základní barvu.
- Napište text, který se zobrazí vystředěný na Story.
- Upravte placeholder text v liště pro odpověď dole.
- Sledujte živý náhled na výšku a klikněte na „Stáhnout PNG" pro uložení obrázku.
Příklad
Vstup
Uživatelské jméno: „@alex.rivera" · Čas: „4h" · Text přes fotku: „Weekend vibes 🌅" · Lišta pro odpověď: „Send message"Výstup
PNG obrázek 360×640 na výšku zobrazující Instagram Story: tři segmenty ukazatele průběhu nahoře, avatar s barevným prstencem s popiskem „alex.rivera" a „4h", fialovo-růžové přechodové pozadí, text „Weekend vibes 🌅" vystředěný na obrazovce a zaoblenou lištu „Send message" se srdíčkem dole.Obrázek se vygeneruje okamžitě v živém náhledu canvasu a stáhne se jedním kliknutím — bez čekání, bez nahrávání.
Co si můžete přizpůsobit
- Uživatelské jméno (@handle), čas, barvu avatara nebo nahranou fotku.
- Segmentovaný ukazatel průběhu nahoře odpovídající skutečnému indikátoru více slajdů Story.
- Vystředěný text přes fotku se stínem, přesně jako u skutečných popisků ve Story.
- Zaoblenou lištu pro odpověď dole s editovatelným placeholder textem a ikonou srdíčka.
Odpovědné používání
Tento generátor slouží k tomu, aby bylo snadné vytvářet zjevně fiktivní obrázky Instagram Story pro humor, vyprávění příběhů a designovou práci. Není to nástroj na vyrábění důkazů, inscenování obtěžování ani na to, aby si kdokoli myslel, že falešná Story je skutečná. Pokud plánujete obrázek vytvořený tímto nástrojem sdílet, zvažte přidání kontextu (například „fake" nebo „mockup"), aby divákům bylo jasné, že nejde o skutečnou Instagram Story — obzvlášť pokud by mohla být zaměněna za reálnou osobu nebo skutečné události.
Časté dotazy
Je používání tohoto nástroje legální a etické?
Samotný nástroj je zcela legální pro zábavu, mockupy, prezentace a designovou práci. Nezákonné a neetické je vygenerovaný obrázek použít k oklamání někoho — například ho vydávat za skutečnou Story kvůli podvodu, obtěžování nebo pomluvě, případně napodobovat skutečný obsah reálné osoby. V závislosti na vaší zemi může takové zneužití naplňovat skutkovou podstatu podvodu, pomluvy nebo obtěžování. Používejte prosím nástroj jen pro jasně fiktivní nebo ilustrativní účely.
Nahrává nástroj můj text někam na server?
Ne. Vše, co zadáte, zůstává v paměti vašeho prohlížeče a kreslí se přímo na canvas element pomocí JavaScriptu. PNG soubor se vygeneruje a stáhne na vašem zařízení — nic se nikdy neposílá na žádný server.
Můžu jako pozadí Story použít vlastní fotku?
Pozadí je záměrně jen barevný nebo přechodový placeholder, aby nástroj zůstal jednoduchý a nesváděl k tomu, aby se cizí skutečná fotka vydávala za vaši vlastní Story. Skutečnou fotku ale stále můžete nahrát pro kulatý avatar.
Proč je obrázek na výšku?
Instagram Stories používají svislý poměr stran 9:16, proto se náhled i exportované PNG generují ve stejném formátu na výšku, aby vypadaly přirozeně při sdílení nebo vložení do prezentace.
Mám použít tento nástroj, nebo jiný z generátorů instagramových mockupů?
Pokud potřebujete dočasnou celoobrazovkovou svislou Story s textem přes fotku, použijte tento generátor Story. Pokud potřebujete trvalý příspěvek v feedu s popiskem a počtem lajků/komentářů, použijte Generátor příspěvků na Instagram; pro vlákno komentářů Generátor komentářů na Instagram; pro celou profilovou stránku Generátor profilu na Instagram.