CodeKitHubChe cos'è questo strumento?
Il Generatore di Story Facebook ricrea l'aspetto verticale a schermo intero di una vera Story Facebook — anello del profilo, intestazione con nome e orario, una foto di sfondo o sfumatura, testo sovrapposto in grassetto, e la fascia della barra di risposta in basso.
Non deve mai essere usato per fabbricare prove fraudolente, molestare o diffamare qualcuno, o impersonare i veri post o Story di una persona reale — a seconda della giurisdizione questo può essere illegale.
Tutto viene generato localmente nel tuo browser usando l'API Canvas HTML; niente viene mai caricato su un server.
Perché usarlo?
- Stai preparando la slide di un corso di social media marketing sul formato Story e vuoi un esempio visivo pulito da mostrare senza screenshottare la Story di una persona reale.
- Un cliente vuole vedere in anteprima come apparirà il testo sovrapposto alla sua prossima Story promozionale, prima ancora di girare il video o scegliere la foto definitiva.
- Stai creando un meme in formato Story perché il formato verticale a schermo intero rende la battuta più immediata di un post normale.
- Un designer freelance vuole includere nel proprio portfolio un esempio di interfaccia Story stile Facebook, senza usare contenuti reali di nessun cliente.
- Stai spiegando a uno studente la differenza tra un post normale e una Story, e ti serve un esempio visivo del formato verticale invece di descriverlo solo a parole.
Come si usa
- Imposta il nome, l'orario e il colore dell'avatar (o carica una foto).
- Scegli una sfumatura di sfondo o carica la tua immagine.
- Digita il testo sovrapposto che appare vicino alla parte inferiore della Story.
- Guarda l'anteprima verticale aggiornarsi in tempo reale, poi clicca su "Download PNG" per salvare l'immagine.
Esempio
Input
Nome: "Sam Whitfield" · Ora: "4h" · Sfondo: sfumatura blu-rosa · Testo: "Caffè della domenica mattina ☕"Risultato
Un'immagine PNG 360×640 nello stile di una vera Story Facebook: avatar con anello del profilo, nome e orario, sfondo sfumato a tutto schermo, testo sovrapposto centrato in grassetto, e una fascia di barra di risposta con icona a forma di cuore in basso.L'immagine viene renderizzata istantaneamente nel canvas dell'anteprima live e si scarica con un clic — nessuna attesa, nessuna comunicazione con il server.
Cosa puoi personalizzare
- Nome del profilo, orario, e colore o foto dell'avatar.
- Lo sfondo: una sfumatura a due colori o un'immagine caricata.
- Il testo sovrapposto in grassetto mostrato vicino alla parte inferiore della Story.
- Dettagli di layout corrispondenti al vero stile visivo delle Story Facebook.
Uso responsabile
Questo generatore esiste per rendere facile creare immagini di mockup chiaramente fittizie per umorismo, narrazione e lavoro di design. Se condividi un'immagine creata con questo strumento, valuta di aggiungere un contesto affinché chi la vede capisca che non è una vera Story.
Perché il formato verticale conta per un mockup di Story
A differenza di un post normale nel feed, una Story occupa l'intero schermo del telefono in verticale — questo cambia completamente come il testo e le immagini vengono percepiti rispetto a un formato orizzontale o quadrato. Un mockup realistico deve rispettare queste proporzioni (9:16) per comunicare correttamente com'è davvero l'esperienza di visualizzazione su mobile.
Per questo lo strumento non permette di modificare liberamente le dimensioni del canvas: mantenere fisso il rapporto 360×640 garantisce che ogni elemento — anello del profilo, testo sovrapposto, barra di risposta — resti nella posizione in cui un utente se lo aspetterebbe scorrendo le Story sul proprio telefono.
Domande frequenti
È legale o etico usare questo strumento?
Lo strumento in sé è legale da usare per intrattenimento, mockup, presentazioni e lavoro di design. Ciò che non è legale né etico è usare l'immagine generata per ingannare qualcuno. Usa questo strumento solo per scopi chiaramente fittizi o illustrativi.
Lo strumento carica i miei contenuti da qualche parte?
No. Tutto ciò che digiti o carichi rimane nella memoria del tuo browser e viene disegnato direttamente su un elemento canvas con JavaScript. Il PNG viene generato e scaricato sul tuo dispositivo — niente viene mai inviato a un server.
Posso caricare una mia foto come sfondo della Story?
Sì — clicca sul link di caricamento sotto "Video background" per usare una tua immagine come sfondo a tutto schermo della Story al posto della sfumatura.
Che dimensione di immagine viene esportata?
Il PNG esportato è 360×640, corrispondente al rapporto d'aspetto verticale 9:16 usato dalle vere Story Facebook.
Dovrei usare questo o uno degli altri generatori di mockup Facebook?
Se stai creando il mockup di una Story verticale a schermo intero, usa questo generatore di Story. Se ti serve un thread di commenti, usa il Generatore di commenti Facebook; se ti serve un'intera pagina profilo con foto di copertina e bio, usa il Generatore di profilo Facebook.
Posso aggiungere più righe di testo sovrapposto, o solo una?
Il campo testo accetta il testo che digiti così com'è, incluse eventuali interruzioni di riga — il layout è ottimizzato per una frase breve o due righe centrate, in linea con come appare tipicamente il testo su una vera Story.
Il timer "4h" nell'esempio significa che la Story scompare davvero dopo 4 ore?
No — è solo testo statico che imita l'etichetta temporale che Facebook mostra sulle Story reali (che in effetti scompaiono dopo 24 ore sulla piattaforma). L'immagine che scarichi da questo strumento è un PNG fisso e non ha alcuna scadenza o comportamento dinamico.
Posso usare l'immagine generata come vero contenuto da pubblicare sulla mia Story Facebook?
Tecnicamente sì, dato che ottieni un normale file PNG scaricabile, ma lo strumento è pensato per creare mockup ed esempi illustrativi, non contenuti destinati a sembrare un'attività reale sulla piattaforma — usalo in modo che chi lo vede capisca il contesto.
Devo scegliere per forza una sfumatura, o posso lasciare lo sfondo semplice?
Puoi scegliere qualsiasi combinazione di colori tra quelle disponibili nel selettore di sfumatura, oppure caricare un'immagine intera: non c'è un'opzione per uno sfondo a tinta unita, perché le vere Story Facebook mostrano quasi sempre una foto o un video a schermo intero.