CodeKitHubCo je tento nástroj?
Generátor Instagram DM je nástroj pro tvorbu maket založený na prohlížeči, který znovu vytváří rozhraní Instagram Direct — šedé bubliny pro druhou osobu, charakteristické fialovo-růžovo-oranžové přechodové bubliny pro vaše vlastní zprávy, hlavičku s uživatelským jménem @username a stavem „Active now“ a stavový řádek telefonu — takže si můžete napsat vlastní konverzaci a exportovat ji jako sdílitelný obrázek.
Pouze pro zábavu a design: tento nástroj je postaven pro vtipy, memy, scénky, prezentační snímky, prototypy UI/UX a obsah na sociálních sítích. Nikdy by se neměl používat k vyfabrikování podvodného důkazu, obtěžování nebo pomlouvání někoho, ani k napodobování skutečných zpráv reálné osoby — takové jednání může být v závislosti na vaší jurisdikci nezákonné (podvod, pomluva nebo obtěžování) a je přísně v rozporu se zamýšleným použitím tohoto nástroje.
Nic, co napíšete, nikdy neopustí vaše zařízení — celá konverzace se vykresluje pomocí HTML Canvas API přímo ve vašem prohlížeči a PNG se generuje a stahuje lokálně. Žádné nahrávání na server, žádný účet a žádné sledování obsahu vašich zpráv.
Proč ho používat?
- Vytvořte vtipné falešné DM konverzace pro memy a příspěvky na sociálních sítích.
- Navrhněte makety UI založeného na chatu pro aplikaci nebo prezentaci.
- Ilustrujte scénář, scénku nebo příběh realistickým screenshotem DM.
- Prototypujte design zasílání zpráv nebo notifikací ve stylu Instagramu.
- 100% lokální vykreslování — text vaší konverzace se nikdy nedotkne serveru.
Jak se používá
- Nastavte uživatelské jméno kontaktu (@handle), stav aktivity (např. „Active now“) a barvu avataru.
- Přidejte řádky zpráv: napište text, vyberte stranu (them/me) a časové razítko.
- Přepněte, zda se pod vaší poslední zprávou zobrazí „Seen“, stejně jako u skutečných Instagram DM.
- Upravte stavový řádek (čas, baterie, signál) podle potřeby.
- Sledujte živě aktualizovaný náhled ve tvaru telefonu, poté klikněte na „Download PNG“ pro uložení obrázku.
Příklad
Vstup
Uživatelské jméno: „@alex.rivera“ · Stav: „Active now“ · Zpráva 1 (them): „hey! did you see the photos from the trip? 😍“ · Zpráva 2 (me): „yes omg they're amazing, sending you the album now“Výstup
Obrázek PNG o rozměrech 375×812 zobrazující obrazovku Instagram DM: bílá hlavička s „@alex.rivera“ a „Active now“, šedá bublina vlevo s první zprávou a fialovo-růžovo-oranžová přechodová bublina vpravo s odpovědí, plus malý štítek „Seen“ pod ní.Obrázek se generuje okamžitě v živém náhledu na plátně a stahuje se jedním kliknutím — žádné čekání, žádné nahrávání.
Co si můžete přizpůsobit
- Uživatelské jméno (@handle), stav aktivity (např. „Active now“, „Active 2h ago“) a barvu avataru.
- Světlý režim nebo téměř černý tmavý režim Instagramu, odpovídající dvěma barevným schématům skutečné aplikace.
- Neomezený počet řádků zpráv, každý s vlastním textem, stranou (them/me) a časovým razítkem.
- Přepínač indikátoru „Seen“, který se zobrazí pod vaší poslední přečtenou zprávou, stejně jako u skutečných Instagram DM.
- Stavový řádek telefonu: čas, procento baterie a síla signálu.
Zodpovědné použití
Tento generátor existuje, aby usnadnil vytváření zjevně fiktivních obrázků DM pro humor, vyprávění příběhů a designovou práci. Není to nástroj pro vyfabrikování důkazů, inscenování obtěžování nebo klamání kohokoli, že falešná konverzace je skutečná. Pokud plánujete sdílet obrázek vytvořený tímto nástrojem, zvažte přidání kontextu (jako „fake“ nebo „mockup“), aby diváci pochopili, že nejde o skutečnou konverzaci, zejména pokud by mohl být subjekt zaměněn za reálnou osobu nebo skutečné události.
Časté dotazy
Je legální nebo etické tento nástroj používat?
Samotný nástroj je legální používat pro zábavu, makety, prezentace a designovou práci. Co legální ani etické není, je použití vygenerovaného obrázku k oklamání někoho — například prezentování jako skutečné konverzace za účelem podvodu, obtěžování nebo pomlouvání osoby, nebo napodobování skutečných zpráv někoho jiného. V závislosti na tom, kde žijete, může takové zneužití naplňovat skutkovou podstatu podvodu, pomluvy nebo obtěžování. Používejte to prosím jen pro zjevně fiktivní nebo ilustrativní účely.
Nahrává nástroj moje zprávy někam?
Ne. Každá zpráva, uživatelské jméno a nastavení, které zadáte, zůstává v paměti vašeho prohlížeče a kreslí se přímo na element plátna pomocí JavaScriptu. Soubor PNG se generuje a stahuje na vašem zařízení — nic se nikdy neposílá na žádný server.
Jak funguje indikátor „Seen“?
Instagram nezobrazuje zaškrtávátka u jednotlivých zpráv jako WhatsApp — místo toho zobrazuje malý štítek „Seen“ pod poslední zprávou, kterou druhá osoba přečetla. Toto zapnutí nebo vypnutí si můžete nastavit tak, aby odpovídalo scénáři, který vytváříte.
Můžu nahrát skutečnou fotku jako avatar?
Momentálně ne — avatar je jednoduchý barevný kruh s iniciálami, automaticky vygenerovaný z uživatelského jména. To udržuje nástroj jednoduchý a předchází pokušení napodobit reálnou osobu pomocí její skutečné fotky.
Jakou velikost obrázku to exportuje?
Náhled i exportované PNG používají poměr stran obrazovky telefonu (výchozí 375×812), což vypadá přirozeně při sdílení na sociálních sítích nebo vložení do prezentace.
Podporuje to tmavý režim?
Ano — nad poli kontaktu je přepínač motivu, který přepíná mezi světlým režimem a téměř černým tmavým režimem odpovídajícím skutečné tmavé obrazovce Instagram DM (tmavě šedé příchozí bubliny, stejné přechodové odchozí bubliny, světlý text). Pokud chcete screenshot, který vypadá jako běžný denní chat, použijte světlý režim; pokud vytváříte pozdně večerní konverzaci nebo snímek obrazovky z telefonu OLED s aktivovaným tmavým režimem, přepněte na tmavý režim — většina skutečných screenshotů z Instagramu, které lidé sdílejí v noci, je v tmavém režimu, takže v tomto kontextu působí autentičtěji.
Jak vytvořím falešnou konverzaci Instagram DM?
Nastavte uživatelské jméno a stav kontaktu, přidejte řádky zpráv pro každou stranu konverzace, vyberte světlý nebo tmavý režim a poté klikněte na „Download PNG“ — celá konverzace se okamžitě vykreslí v živém náhledu.
Můžu zobrazit indikátor psaní nebo nepřečtené zprávy?
Poslední zprávu na straně „them“ můžete ponechat bez odpovědi, čímž naznačíte nepřečtený/nezodpovězený stav. Vyhrazený animovaný indikátor psaní s tečkami není k dispozici, protože tento nástroj exportuje statický obrázek, ne video.
Bude to fungovat jak pro uživatelská jména Instagramu, tak pro zobrazovaná jména?
Ano — pole kontaktu přijímá buď @handle, nebo celé zobrazované jméno, odpovídající tomu, jak Instagram zobrazuje hlavičku podle toho, zda má kontakt nastavené zobrazované jméno.
Můžu přidat více než jeden kontakt nebo skupinovou konverzaci?
Tento nástroj je vytvořen pro konverzace jeden na jednoho. Pro vlákno ve stylu skupiny s více osobami použijte jako řešení stranu „them“ v seznamu zpráv s různými zobrazovanými jmény u každé zprávy, i když hlavička bude stále zobrazovat jediný kontakt.
Je to totéž co skutečná aplikace Instagram?
Ne — je to nezávislý nástroj pro makety, nespojený s Instagramem ani Meta a bez jejich podpory. Je navržen tak, aby se vizuálně dostatečně blížil rozhraní Instagram DM pro makety, memy a prezentace, ne aby replikoval živou aplikaci.
Musím si vytvořit účet nebo něco instalovat?
Žádný účet, žádná instalace, žádné rozšíření prohlížeče — nástroj běží kompletně jako webová stránka a funguje jak v desktopových, tak v mobilních prohlížečích.