CodeKitHubČo je tento nástroj?
Generátor Instagram DM je mockup nástroj bežiaci v prehliadači, ktorý rekonštruuje rozhranie Instagram Direct — šedé bubliny pre druhú osobu, typické fialovo-ružovo-oranžové gradientové bubliny pre vaše vlastné správy, hlavičku s @používateľským menom a stavom "Active now", a stavový riadok telefónu — takže si môžete napísať vlastnú konverzáciu a exportovať ju ako zdieľateľný obrázok.
Len na zábavu a dizajnové účely: tento nástroj je postavený pre vtipy, memy, skeče, prezentačné slidy, UI/UX prototypy a obsah na sociálnych sieťach. Nikdy sa nesmie použiť na vytváranie podvodných dôkazov, obťažovanie alebo ohováranie niekoho, ani na napodobňovanie skutočných správ reálnej osoby — takéto konanie môže byť nezákonné (podvod, ohováranie alebo obťažovanie, v závislosti od vašej jurisdikcie) a je prísne v rozpore so zamýšľaným použitím tohto nástroja.
Nič z toho, čo napíšete, neopustí vaše zariadenie — celá konverzácia sa vykresľuje pomocou HTML Canvas API priamo vo vašom prehliadači a PNG sa generuje a sťahuje lokálne. Neexistuje žiadne nahrávanie na server, žiadny účet a žiadne sledovanie obsahu vašich správ.
Prečo ho používať?
- Vytvorte vtipné falošné DM konverzácie pre memy a príspevky na sociálnych sieťach.
- Vytvorte mockup konceptov UI založených na chate pre aplikáciu alebo prezentáciu.
- Ilustrujte scenár, skeč alebo príbeh realistickým screenshotom DM.
- Prototypujte messaging alebo notifikačné dizajny v štýle Instagramu.
- 100% lokálne vykresľovanie — text vašej konverzácie sa nikdy nedotkne servera.
Ako sa používa
- Nastavte používateľské meno kontaktu (@handle), stav aktivity (napr. "Active now") a farbu avatara.
- Pridajte riadky správ: napíšte text, vyberte stranu (them/me) a časovú značku.
- Prepnite, či sa pod vašou poslednou správou zobrazí "Seen", ako v skutočných Instagram DM.
- Upravte stavový riadok (čas, batéria, signál) podľa potreby.
- Sledujte, ako sa náhľad v tvare telefónu aktualizuje živo, potom kliknite na "Download PNG" pre uloženie obrázka.
Príklad
Vstup
Používateľské meno: "@alex.rivera" · Stav: "Active now" · Správa 1 (them): "hey! did you see the photos from the trip? 😍" · Správa 2 (me): "yes omg they're amazing, sending you the album now"Výstup
PNG obrázok 375×812 zobrazujúci obrazovku Instagram DM: biela hlavička s "@alex.rivera" a "Active now", šedá bublina vľavo s prvou správou a fialovo-ružovo-oranžová gradientová bublina vpravo s odpoveďou, plus malý štítok "Seen" pod ňou.Obrázok sa generuje okamžite v živom náhľadovom plátne a sťahuje sa jedným kliknutím — bez čakania, bez nahrávania.
Čo si môžete prispôsobiť
- Používateľské meno (@handle), stav aktivity (napr. "Active now", "Active 2h ago") a farbu avatara.
- Svetlý režim alebo takmer čierny tmavý režim Instagramu, zodpovedajúci dvom farebným schémam skutočnej aplikácie.
- Neobmedzený počet riadkov správ, každý s vlastným textom, stranou (them/me) a časovou značkou.
- Prepínač indikátora "Seen", ktorý sa zobrazí pod vašou poslednou prečítanou správou, presne ako v skutočných Instagram DM.
- Stavový riadok telefónu: čas, percento batérie a sila signálu.
Zodpovedné použitie
Tento generátor existuje na uľahčenie vytvárania jasne fiktívnych DM obrázkov na humor, rozprávanie príbehov a dizajnovú prácu. Nie je to nástroj na vytváranie dôkazov, inscenovanie obťažovania, alebo zavádzanie niekoho v presvedčení, že falošná konverzácia je skutočná. Ak plánujete zdieľať obrázok vytvorený týmto nástrojom, zvážte pridanie kontextu (napríklad "fake" alebo "mockup"), aby diváci pochopili, že to nie je skutočná konverzácia, najmä keď by sa mohol subjekt zameniť za reálnu osobu alebo skutočné udalosti.
Časté otázky
Je legálne alebo etické používať tento nástroj?
Samotný nástroj je legálne používať na zábavu, mockupy, prezentácie a dizajnovú prácu. Čo nie je legálne ani etické, je použitie vygenerovaného obrázka na oklamanie niekoho — napríklad prezentovanie ako skutočnej konverzácie kvôli podvodu, na obťažovanie alebo ohováranie osoby, alebo na napodobňovanie skutočných správ niekoho iného. V závislosti od miesta, kde žijete, takéto zneužitie môže predstavovať podvod, ohováranie alebo obťažovanie. Používajte to prosím len na jasne fiktívne alebo ilustračné účely.
Nahráva nástroj moje správy niekam?
Nie. Každá správa, používateľské meno a nastavenie, ktoré zadáte, zostáva v pamäti vášho prehliadača a kreslí sa priamo na prvok plátna pomocou JavaScriptu. Súbor PNG sa generuje a sťahuje na vašom zariadení — nič sa nikdy neposiela na žiadny server.
Ako funguje indikátor "Seen"?
Instagram nezobrazuje zaškrtnutia pri každej správe ako WhatsApp — namiesto toho zobrazuje malý štítok "Seen" pod poslednou správou, ktorú druhá osoba prečítala. Toto môžete zapnúť alebo vypnúť podľa scenára, ktorý vytvárate.
Môžem nahrať skutočnú fotku ako avatar?
Momentálne nie — avatar je jednoduchý farebný kruh s iniciálami, generovaný automaticky z používateľského mena. To udržuje nástroj jednoduchý a vyhýba sa akémukoľvek pokušeniu napodobniť reálnu osobu pomocou jej skutočnej fotky.
Akú veľkosť obrázka exportuje?
Náhľad a exportovaný PNG používajú pomer strán obrazovky telefónu (predvolene 375×812), čo vyzerá prirodzene pri zdieľaní na sociálnych sieťach alebo vložení do prezentácie.
Podporuje tento nástroj tmavý režim?
Áno — nad poľami kontaktu sa nachádza prepínač témy, ktorý prepína medzi svetlým režimom a takmer čiernym tmavým režimom, zodpovedajúcim skutočnej tmavej DM obrazovke Instagramu (tmavosivé prichádzajúce bubliny, rovnaké gradientové odchádzajúce bubliny, svetlý text). Ak chcete screenshot, ktorý pôsobí ako bežná denná konverzácia, použite svetlý režim; ak vytvárate mockup neskoro nočnej konverzácie alebo screenshotu z OLED telefónu so zapnutým tmavým režimom, prepnite na tmavý režim — väčšina skutočných Instagram screenshotov, ktoré ľudia zdieľajú v noci, je v tmavom režime, takže v tomto kontexte pôsobí autentickejšie.
Ako vytvorím falošnú konverzáciu Instagram DM?
Nastavte používateľské meno a stav kontaktu, pridajte riadky správ pre každú stranu konverzácie, vyberte svetlý alebo tmavý režim, potom kliknite na "Download PNG" — celá konverzácia sa okamžite vykreslí v živom náhľade.
Môžem zobraziť indikátor písania alebo neprečítané správy?
Poslednú správu na strane "them" môžete nechať bez odpovede, aby ste naznačili neprečítaný/nezodpovedaný stav. Vyhradený animovaný indikátor bodiek písania nie je k dispozícii, keďže tento nástroj exportuje statický obrázok, nie video.
Bude to fungovať s používateľskými menami aj zobrazovanými menami na Instagrame?
Áno — pole kontaktu akceptuje buď @handle, alebo celé zobrazované meno, čo zodpovedá tomu, ako Instagram zobrazuje hlavičku v závislosti od toho, či má kontakt nastavené zobrazované meno.
Môžem pridať viac ako jeden kontakt alebo skupinovú konverzáciu?
Tento nástroj je vytvorený pre konverzácie jeden na jedného. Pre viacosobové vlákno v štýle skupiny použite ako riešenie stranu "them" v zozname správ s rôznymi zobrazovanými menami pre každú správu, hlavička však bude stále zobrazovať len jeden kontakt.
Je to to isté ako skutočná aplikácia Instagram?
Nie — ide o nezávislý mockup nástroj, ktorý nie je prepojený s Instagramom ani Meta, ani nimi schválený. Je navrhnutý tak, aby vizuálne dostatočne pripomínal rozhranie Instagram DM na mockupy, memy a prezentácie, nie aby replikoval živú aplikáciu.
Musím si vytvoriť účet alebo niečo nainštalovať?
Žiadny účet, žiadna inštalácia, žiadne rozšírenie prehliadača — nástroj funguje výlučne ako webová stránka a funguje v desktopových aj mobilných prehliadačoch.