CodeKitHubHvad er dette værktøj?
Instagram DM-generatoren er et browserbaseret mockup-værktøj, der genskaber Instagram Direct-grænsefladen — de grå bobler til den anden person, den karakteristiske lilla-pink-orange gradient-bobler til dine egne beskeder, en header med et @brugernavn-handle og "Aktiv nu"-status, samt telefonens statusbjælke — så du kan skrive din egen samtale og eksportere den som et delbart billede.
Kun til underholdning og designbrug: dette værktøj er bygget til jokes, memes, sketches, præsentationsslides, UI/UX-prototyper og socialt indhold. Det må aldrig bruges til at fabrikere svigagtige beviser, chikanere eller bagvaske nogen, eller udgive sig for en rigtig persons faktiske beskeder — det kan være ulovligt (bedrageri, injurier eller chikane afhængigt af din jurisdiktion) og er stik imod værktøjets tilsigtede brug.
Intet du skriver, forlader nogensinde din enhed — hele samtalen tegnes med HTML Canvas API'et direkte i din browser, og PNG'en genereres og downloades lokalt. Der er ingen serverupload, ingen konto og ingen sporing af dit beskedindhold.
Hvorfor bruge det?
- Lav sjove fake DM-samtaler til memes og opslag på sociale medier.
- Sæt chatbaserede UI-koncepter op til en app eller præsentation.
- Illustrer et manuskript, en sketch eller en historie med et realistisk DM-screenshot.
- Prototyp Instagram-lignende beskeder eller notifikationsdesign.
- 100% lokal rendering — din samtaletekst rører aldrig en server.
Sådan bruger du det
- Angiv kontaktens brugernavn (@handle), aktivitetsstatus (f.eks. "Aktiv nu") og avatarfarve.
- Tilføj beskedrækker: skriv teksten, vælg en side (dem/mig) og et tidsstempel.
- Slå til/fra om "Set" vises under din sidste besked, ligesom rigtige Instagram-DM'er.
- Justér statusbjælken (klokkeslæt, batteri, signal) efter smag.
- Se den telefonformede forhåndsvisning opdatere live, og klik derefter på "Download PNG" for at gemme billedet.
Eksempel
Input
Brugernavn: "@alex.rivera" · Status: "Aktiv nu" · Besked 1 (dem): "hej! har du set billederne fra turen? 😍" · Besked 2 (mig): "ja de er fantastiske, sender dig albummet nu"Output
Et 375×812 PNG-billede der viser en Instagram DM-skærm: hvid header med "@alex.rivera" og "Aktiv nu", en grå boble til venstre med den første besked, og en lilla-pink-orange gradient-boble til højre med svaret, plus en lille "Set"-label under den.Billedet genereres øjeblikkeligt i den live forhåndsvisning på canvasset og downloades med ét klik — ingen ventetid, ingen upload.
Hvad du kan tilpasse
- Brugernavn (@handle), aktivitetsstatus (f.eks. "Aktiv nu", "Aktiv for 2 timer siden") og avatarfarve.
- Lys tilstand eller Instagrams næsten-sorte mørke tilstand, der matcher den rigtige apps to farveskemaer.
- Ubegrænset antal beskedrækker, hver med egen tekst, side (dem/mig) og tidsstempel.
- En "Set"-indikator, der kan slås til/fra, og som vises under din sidste læste besked, ligesom rigtige Instagram-DM'er.
- Telefonens statusbjælke: klokkeslæt, batteriprocent og signalstyrke.
Ansvarlig brug
Denne generator findes for at gøre det nemt at skabe tydeligt fiktive DM-billeder til humor, historiefortælling og designarbejde. Det er ikke et værktøj til at fabrikere beviser, iscenesætte chikane eller vildlede nogen til at tro, at en fake samtale er ægte. Hvis du planlægger at dele et billede lavet med dette værktøj, bør du overveje at tilføje kontekst (som "fake" eller "mockup"), så seere forstår, at det ikke er en rigtig samtale, især når emnet kan forveksles med en rigtig person eller rigtige hændelser.
Ofte stillede spørgsmål
Er det lovligt eller etisk at bruge dette værktøj?
Selve værktøjet er lovligt at bruge til underholdning, mockups, præsentationer og designarbejde. Det, der ikke er lovligt eller etisk, er at bruge det genererede billede til at bedrage nogen — for eksempel ved at fremstille det som en rigtig samtale for at begå bedrageri, chikanere eller bagvaske en person, eller udgive sig for nogens faktiske beskeder. Afhængigt af hvor du bor, kan denne form for misbrug udgøre bedrageri, injurier eller chikane. Brug venligst kun dette til klart fiktive eller illustrative formål.
Uploader værktøjet mine beskeder nogen steder?
Nej. Hver besked, brugernavn og indstilling, du indtaster, bliver i din browsers hukommelse og tegnes direkte på et canvas-element med JavaScript. PNG-filen genereres og downloades på din enhed — intet sendes nogensinde til nogen server.
Hvordan fungerer "Set"-indikatoren?
Instagram viser ikke flueben pr. besked som WhatsApp — i stedet viser den en lille "Set"-label under den sidste besked, som den anden person har læst. Du kan slå denne til eller fra for at matche det scenarie, du laver mockup af.
Kan jeg uploade et rigtigt foto som avatar?
Ikke i øjeblikket — avataren er en simpel farvet cirkel med initialer, genereret automatisk ud fra brugernavnet. Dette holder værktøjet enkelt og undgår enhver fristelse til at udgive sig for en rigtig person ved brug af deres faktiske foto.
Hvilken billedstørrelse eksporterer det?
Forhåndsvisningen og det eksporterede PNG bruger et telefonskærmsformat (375×812 som standard), hvilket ser naturligt ud, når det deles på sociale medier eller indlejres i en præsentation.
Understøtter dette mørk tilstand?
Ja — der er en temaknap over kontaktfelterne, der skifter mellem lys tilstand og en næsten-sort mørk tilstand, der matcher Instagrams rigtige mørke DM-skærm (mørkegrå indgående bobler, samme gradient udgående bobler, lys tekst). Hvis du vil have et screenshot, der ligner en normal dagtidssamtale, brug lys tilstand; hvis du laver mockup af en sen aftensamtale eller et screenshot fra en OLED-telefon med mørk tilstand aktiveret, skift til mørk tilstand — de fleste rigtige Instagram-screenshots, folk deler om natten, er i mørk tilstand, så det virker mere autentisk i den sammenhæng.
Hvordan laver jeg en fake Instagram DM-samtale?
Angiv kontaktens brugernavn og status, tilføj beskedrækker for hver side af samtalen, vælg lys eller mørk tilstand, og klik derefter på "Download PNG" — hele samtalen gengives øjeblikkeligt i den live forhåndsvisning.
Kan jeg vise en skriveindikator eller ulæste beskeder?
Du kan lade den sidste besked på "dem"-siden stå uden svar for at antyde en ulæst/ubesvaret tilstand. En dedikeret animeret skrive-prikker-indikator er ikke tilgængelig, da dette værktøj eksporterer et statisk billede, ikke en video.
Vil dette virke for både Instagram-brugernavne og visningsnavne?
Ja — kontaktfeltet accepterer enten et @handle eller et fuldt visningsnavn, i overensstemmelse med hvordan Instagram viser headeren afhængigt af, om kontakten har et visningsnavn indstillet.
Kan jeg tilføje mere end én kontakt eller en gruppesamtale?
Dette værktøj er bygget til én-til-én-DM'er. Til en gruppelignende flerpersonstråd kan du bruge beskedlistens "dem"-side med forskellige visningsnavne pr. besked som en løsning, selvom headeren stadig kun vil vise én kontakt.
Er dette det samme som den rigtige Instagram-app?
Nej — det er et uafhængigt mockup-værktøj, ikke tilknyttet eller godkendt af Instagram eller Meta. Det er designet til visuelt at matche Instagrams DM-grænseflade tæt nok til mockups, memes og præsentationer, ikke til at replikere den rigtige app.
Skal jeg oprette en konto eller installere noget?
Ingen konto, ingen installation, ingen browserudvidelse — værktøjet kører udelukkende som en webside og fungerer på både desktop- og mobilbrowsere.