CodeKitHubVad är detta verktyg?
Facebook Story-generatorn återskapar det vertikala, helskärmsvänliga utseendet hos en riktig Facebook Story — profilring, namn och tidsstämpel högst upp, en bakgrundsbild eller färggradient, fet text över bilden och svarsfältet längst ner.
Den ska aldrig användas för att fabricera falska bevis, trakassera eller förtala någon, eller för att utge sig för att visa en verklig persons faktiska inlägg eller Stories — det kan vara olagligt beroende på var du befinner dig.
Allt genereras lokalt i din webbläsare med HTML Canvas API — inget laddas någonsin upp till en server.
Varför använda det?
- 100 % lokal rendering — ditt innehåll når aldrig en server.
- Skapa en vertikal Story till ett meme, ett skämt, en undervisningsbild eller ett portfolio-arbete.
- Testa en Story-liknande gränssnittsidé för en app, en kurs eller en presentation.
- Inget konto, ingen uppladdning, ingen vattenstämpel — bara skriv och ladda ner.
Så använder du det
- Ställ in namn, tidsstämpel och avatarfärg (eller ladda upp ett foto).
- Välj en bakgrundsgradient eller ladda upp en egen bild.
- Skriv texten som ska visas nära nederkanten av Storyn.
- Se hur den levande vertikala förhandsvisningen uppdateras, klicka sedan på "Download PNG" för att spara bilden.
Exempel
Inmatning
Namn: "Sam Whitfield" · Tid: "4h" · Bakgrund: gradient från blått till rosa · Text: "Sunday morning coffee ☕"Resultat
En PNG-bild på 360×640, stylad som en riktig Facebook Story: avatar med profilring, namn och tidsstämpel, en skärmfyllande gradientbakgrund, fet centrerad text och ett svarsfält med en hjärtikon längst ner.Bilden ritas direkt i den levande förhandsvisningens canvas och laddas ner med ett enda klick — ingen väntan, ingen kommunikation med en server.
Vad du kan anpassa
- Profilnamn, tidsstämpel samt avatarfärg eller -foto.
- Bakgrunden: en tvåfärgad gradient eller en uppladdad bild.
- Den feta texten som visas nära nederkanten av Storyn.
- Layoutdetaljer som matchar Facebooks riktiga visuella Story-stil.
Ansvarsfull användning
Den här generatorn finns för att göra det enkelt att skapa tydligt fiktiva mockup-bilder för humor, berättande och designarbete. Delar du en bild som gjorts med det här verktyget, överväg att lägga till sammanhang så att tittarna förstår att det inte är en riktig Story.
Vanliga frågor
Är det lagligt och etiskt att använda det här verktyget?
Själva verktyget är helt lagligt att använda för underhållning, mockuper, presentationer och designarbete. Det som inte är lagligt eller etiskt är att använda den skapade bilden för att lura någon. Använd det bara för tydligt fiktiva eller illustrativa syften.
Laddar verktyget upp mitt innehåll någonstans?
Nej. Allt du skriver eller laddar upp stannar i din webbläsares minne och ritas direkt på ett canvas-element med JavaScript. PNG-filen skapas och laddas ner på din egen enhet — inget skickas någonsin till en server.
Kan jag ladda upp mitt eget foto som bakgrund till Storyn?
Ja — klicka på uppladdningslänken under "Video background" för att använda din egen bild som skärmfyllande bakgrund istället för gradienten.
Vilken bildstorlek exporterar verktyget?
Den exporterade PNG-filen är 360×640, vilket motsvarar det vertikala 9:16-format som riktiga Facebook Stories använder.
Ska jag använda den här eller någon av de andra Facebook-mockupgeneratorerna?
Ska du göra en helskärms vertikal Story, använd den här generatorn. Behöver du istället en kommentarstråd, använd Facebook Comment Generator; behöver du en hel profilsida med omslagsbild och bio, använd Facebook Profile Generator.