CodeKitHubHva er dette verktøyet?
Instagram DM-generatoren er et nettleserbasert mockup-verktøy som gjenskaper Instagram Direct-grensesnittet — de grå boblene for den andre personen, de signatur lilla-rosa-oransje gradient-boblene for dine egne meldinger, en header med et @brukernavn-håndtak og «Aktiv nå»-status, og telefonens statuslinje — slik at du kan skrive din egen samtale og eksportere den som et delbart bilde.
Kun til underholdning og design: dette verktøyet er bygget for vitser, memer, sketsjer, presentasjonsdias, UI/UX-prototyper og sosialt medieinnhold. Det må aldri brukes til å fabrikkere svindelbevis, trakassere eller ærekrenke noen, eller utgi seg for en ekte persons faktiske meldinger — det kan være ulovlig (bedrageri, ærekrenkelse eller trakassering, avhengig av jurisdiksjonen din) og er strengt imot den tiltenkte bruken av dette verktøyet.
Ingenting du skriver forlater noensinne enheten din — hele samtalen gjengis med HTML Canvas-API-et direkte i nettleseren din, og PNG-en genereres og lastes ned lokalt. Det er ingen server-opplasting, ingen konto og ingen sporing av meldingsinnholdet ditt.
Hvorfor bruke det?
- Lag morsomme, falske DM-samtaler til memer og sosiale innlegg.
- Mock opp chat-baserte UI-konsepter for en app eller presentasjon.
- Illustrer et manus, en sketsj eller en historie med et realistisk DM-skjermbilde.
- Prototyp Instagram-stil meldings- eller varslingsdesign.
- 100 % lokal gjengivelse — samtaleteksten din berører aldri en server.
Slik bruker du det
- Sett kontaktens brukernavn (@håndtak), aktivitetsstatus (f.eks. «Aktiv nå») og avatarfarge.
- Legg til meldingsrader: skriv teksten, velg en side (dem/meg) og et tidsstempel.
- Slå av/på om «Sett» skal vises under din siste melding, som i ekte Instagram DM-er.
- Juster statuslinjen (klokkeslett, batteri, signal) etter smak.
- Se den telefonformede forhåndsvisningen oppdateres live, og klikk deretter «Last ned PNG» for å lagre bildet.
Eksempel
Inndata
Brukernavn: «@alex.rivera» · Status: «Aktiv nå» · Melding 1 (dem): «hei! så du bildene fra turen? 😍» · Melding 2 (meg): «ja omg de er utrolige, sender deg albumet nå»Resultat
Et 375×812 PNG-bilde som viser en Instagram DM-skjerm: hvit header med «@alex.rivera» og «Aktiv nå», en grå boble til venstre med den første meldingen, og en lilla-rosa-oransje gradient-boble til høyre med svaret, pluss en liten «Sett»-etikett under den.Bildet genereres umiddelbart i live-forhåndsvisningscanvaset og lastes ned med ett klikk — ingen venting, ingen opplasting.
Hva du kan tilpasse
- Brukernavn (@håndtak), aktivitetsstatus (f.eks. «Aktiv nå», «Aktiv for 2t siden») og avatarfarge.
- Lys modus eller Instagrams nesten-svarte mørke modus, som samsvarer med den ekte appens to fargeskjemaer.
- Ubegrenset antall meldingsrader, hver med sin egen tekst, side (dem/meg) og tidsstempel.
- En «Sett»-indikator-bryter som vises under din siste leste melding, akkurat som ekte Instagram DM-er.
- Telefonens statuslinje: klokkeslett, batteriprosent og signalstyrke.
Ansvarlig bruk
Denne generatoren finnes for å gjøre det enkelt å lage tydelig fiktive DM-bilder til humor, historiefortelling og designarbeid. Det er ikke et verktøy for å fabrikkere bevis, iscenesette trakassering, eller lure noen til å tro at en falsk samtale er ekte. Hvis du planlegger å dele et bilde laget med dette verktøyet, vurder å legge til kontekst (som «falsk» eller «mockup») slik at seere forstår at det ikke er en faktisk samtale, spesielt når motivet kan forveksles med en ekte person eller ekte hendelser.
Ofte stilte spørsmål
Er det lovlig eller etisk å bruke dette verktøyet?
Verktøyet selv er lovlig å bruke til underholdning, mockuper, presentasjoner og designarbeid. Det som ikke er lovlig eller etisk, er å bruke det genererte bildet til å lure noen — for eksempel å presentere det som en ekte samtale for å begå bedrageri, trakassere eller ærekrenke en person, eller utgi seg for noens faktiske meldinger. Avhengig av hvor du bor, kan slikt misbruk utgjøre bedrageri, ærekrenkelse eller trakassering. Bruk dette kun til tydelig fiktive eller illustrerende formål.
Laster verktøyet opp meldingene mine noe sted?
Nei. Hver melding, hvert brukernavn og hver innstilling du skriver inn blir værende i nettleserens minne og tegnes direkte på et canvas-element med JavaScript. PNG-filen genereres og lastes ned på enheten din — ingenting sendes noensinne til noen server.
Hvordan fungerer «Sett»-indikatoren?
Instagram viser ikke meldingsvise haker slik WhatsApp gjør — i stedet viser den en liten «Sett»-etikett under den siste meldingen den andre personen har lest. Du kan slå dette av eller på for å matche scenarioet du mocker opp.
Kan jeg laste opp et ekte bilde som avatar?
Ikke for øyeblikket — avataren er en enkel farget sirkel med initialer, generert automatisk fra brukernavnet. Dette holder verktøyet enkelt og unngår enhver fristelse til å utgi seg for en ekte person med deres faktiske bilde.
Hvilken bildestørrelse eksporterer det?
Forhåndsvisningen og den eksporterte PNG-en bruker et telefonskjerm-bildeforhold (375×812 som standard), som ser naturlig ut når det deles på sosiale medier eller legges inn i en presentasjon.
Støtter dette mørk modus?
Ja — det er en temabryter over kontaktfeltene som veksler mellom lys modus og en nesten-svart mørk modus som matcher Instagrams faktiske mørke DM-skjerm (mørkegrå innkommende bobler, de samme gradient-utgående boblene, lys tekst). Hvis du vil ha et skjermbilde som leses som en vanlig dagtidssamtale, bruk lys modus; hvis du mocker opp en sen kveldssamtale eller et skjermbilde fra en OLED-telefon med mørk modus aktivert, bytt til mørk modus — de fleste ekte Instagram-skjermbilder folk deler om natten er i mørk modus, så det leses som mer autentisk for den konteksten.
Hvordan lager jeg en falsk Instagram DM-samtale?
Sett kontaktens brukernavn og status, legg til meldingsrader for hver side av samtalen, velg lys eller mørk modus, og klikk deretter «Last ned PNG» — hele samtalen gjengis umiddelbart i den live forhåndsvisningen.
Kan jeg vise en skriveindikator eller uleste meldinger?
Du kan la den siste meldingen på «dem»-siden stå uten svar for å antyde en ulest/ubesvart tilstand. En dedikert animert skriveindikator med prikker er ikke tilgjengelig siden dette verktøyet eksporterer et statisk bilde, ikke en video.
Fungerer dette for både Instagram-brukernavn og visningsnavn?
Ja — kontaktfeltet godtar enten et @håndtak eller et fullt visningsnavn, og matcher hvordan Instagram viser headeren avhengig av om kontakten har et fastsatt visningsnavn.
Kan jeg legge til mer enn én kontakt eller en gruppesamtale?
Dette verktøyet er bygget for direktemeldinger mellom to personer. For en gruppelignende flerpersonstråd kan du bruke meldingslistens «dem»-side med forskjellige visningsnavn per melding som en løsning, selv om headeren fortsatt vil vise én kontakt.
Er dette det samme som den ekte Instagram-appen?
Nei — det er et uavhengig mockup-verktøy, ikke tilknyttet eller godkjent av Instagram eller Meta. Det er designet for å visuelt matche Instagrams DM-grensesnitt nært nok til mockuper, memer og presentasjoner, ikke for å gjenskape den faktiske appen.
Må jeg opprette en konto eller installere noe?
Ingen konto, ingen installasjon, ingen nettleserutvidelse — verktøyet kjører helt som en nettside og fungerer på både stasjonære og mobile nettlesere.