CodeKitHub
Generatorverktøy

Facebook Story-generator

Sist oppdatert:

Facebook Story-generator — bygg en realistisk, loddrett forhåndsvisning av en Facebook Story med ring rundt avataren, tidsstempel, bakgrunnsbilde eller fargeovergang, tekst over bildet og svarfeltet nederst, alt tegnet lokalt i nettleseren din med HTML Canvas API.

⚠️ Kun til underholdning og designmockuper

Dette verktøyet lager fiktive skjermbilder, kun ment for underholdning, memes, presentasjoner, UI/UX-prototyper og innhold til sosiale medier. Det må aldri brukes til å fabrikere falske bevis, trakassere eller sverte noen, eller etterligne ekte innlegg eller meldinger fra en virkelig person — dette kan være ulovlig avhengig av jurisdiksjonen din. Alt genereres lokalt i nettleseren din; ingenting lastes opp til noen server.

Hva er dette verktøyet?

Facebook Story-generatoren gjenskaper det loddrette, fullskjerms utseendet til en ekte Facebook Story — profilring, navn og tidsstempel øverst, et bakgrunnsbilde eller en fargeovergang, uthevet tekst over bildet og svarfeltet nederst.

Den skal aldri brukes til å lage falske bevis, trakassere eller sverte noen, eller til å utgi seg for å vise en ekte persons faktiske innlegg eller Story — dette kan være ulovlig avhengig av hvilket land du befinner deg i.

Alt genereres lokalt i nettleseren din med HTML Canvas API — ingenting lastes noen gang opp til en server.

Hvorfor bruke det?

  • 100 % lokal rendering — innholdet ditt berører aldri en server.
  • Lag en loddrett Story til et meme, en vits, en undervisningsslide eller et portfoliostykke.
  • Prøv ut en Story-lignende grensesnittidé for en app, et kurs eller en presentasjon.
  • Ingen konto, ingen opplasting, ingen vannmerke — bare skriv og last ned.

Slik bruker du det

  1. Angi navn, tidsstempel og avatarfarge (eller last opp et bilde).
  2. Velg en bakgrunnsovergang, eller last opp ditt eget bilde.
  3. Skriv teksten som skal vises nær bunnen av Storyen.
  4. Se hvordan den levende, loddrette forhåndsvisningen oppdateres, og klikk deretter på "Download PNG" for å lagre bildet.

Eksempel

Inndata

Navn: "Sam Whitfield" · Tid: "4h" · Bakgrunn: fargeovergang fra blått til rosa · Tekst: "Sunday morning coffee ☕"

Resultat

Et PNG-bilde på 360×640, utformet som en ekte Facebook Story: avatar med profilring, navn og tidsstempel, en fullskjerms bakgrunn med fargeovergang, uthevet og sentrert tekst, og et svarfelt med et hjerteikon nederst.

Bildet tegnes umiddelbart i den levende forhåndsvisningen og lastes ned med ett klikk — ingen venting, ingen kommunikasjon med en server.

Hva du kan tilpasse

  • Profilnavn, tidsstempel og avatarfarge eller -bilde.
  • Bakgrunnen: en tofarget overgang eller et opplastet bilde.
  • Den uthevede teksten som vises nær bunnen av Storyen.
  • Detaljer i layouten som matcher Facebooks ekte visuelle Story-stil.

Ansvarlig bruk

Denne generatoren finnes for å gjøre det enkelt å lage tydelig oppdiktede mockup-bilder til humor, historiefortelling og designarbeid. Deler du et bilde laget med dette verktøyet, bør du vurdere å legge til kontekst slik at seerne forstår at det ikke er en ekte Story.

Ofte stilte spørsmål

Er det lovlig og etisk å bruke dette verktøyet?

Selve verktøyet er helt lovlig å bruke til underholdning, mockuper, presentasjoner og designarbeid. Det som ikke er lovlig eller etisk, er å bruke det genererte bildet til å lure noen. Bruk det kun til klart oppdiktede eller illustrerende formål.

Laster verktøyet opp innholdet mitt noe sted?

Nei. Alt du skriver eller laster opp, blir liggende i nettleserens minne og tegnes direkte på et canvas-element med JavaScript. PNG-filen genereres og lastes ned på din egen enhet — ingenting sendes noensinne til en server.

Kan jeg laste opp mitt eget bilde som bakgrunn for Storyen?

Ja — klikk på opplastingslenken under "Video background" for å bruke ditt eget bilde som fullskjerms bakgrunn i stedet for fargeovergangen.

Hvilken bildestørrelse eksporterer verktøyet?

Det eksporterte PNG-bildet er 360×640, som tilsvarer det loddrette 9:16-formatet ekte Facebook Story bruker.

Bør jeg bruke denne eller en av de andre Facebook-mockupgeneratorene?

Skal du lage en fullskjerms loddrett Story, bruk denne generatoren. Trenger du i stedet en kommentartråd, bruk Facebook Comment Generator; trenger du en hel profilside med omslagsbilde og bio, bruk Facebook Profile Generator.

Relaterte verktøy