Generatore Lorem Ipsum — Testo Segnaposto

Cos'è il Lorem Ipsum?

// Generating Lorem Ipsum (simplified)
const WORDS = ['lorem','ipsum','dolor','sit','amet','consectetur','adipiscing','elit','sed','do','eiusmod','tempor'];
const PREFIX = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit';

const pick = (rng) => WORDS[Math.floor(rng() * WORDS.length)];

function sentence(rng, lead) {
  const n = 6 + Math.floor(rng() * 9); // 6-14 words
  const words = Array.from({ length: n }, () => pick(rng));
  const body = words.join(' ');
  return lead ? `${lead}, ${body}.` : `${body[0].toUpperCase()}${body.slice(1)}.`;
}

function paragraph(rng, startWithLorem) {
  const n = 3 + Math.floor(rng() * 5); // 3-7 sentences
  return Array.from({ length: n }, (_, i) =>
    sentence(rng, i === 0 && startWithLorem ? PREFIX : undefined)
  ).join(' ');
}

// Three random paragraphs, beginning with the canonical line
const text = Array.from({ length: 3 }, (_, i) =>
  paragraph(Math.random, i === 0)
).join('\n\n');

Caratteristiche principali

Alternative al generatore di Lorem Ipsum a confronto

Esempi di Lorem Ipsum

Unità: Paragrafi · Quantità: 3 · Formato: Testo semplice · Inizia con Lorem ipsum: attivo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...

Unità: Paragrafi · Quantità: 2 · Formato: HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation...</p>

Unità: Byte · Quantità: 280 · Formato: Testo semplice

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore... (tagliato esattamente a 280 byte)

Unità: Paragrafi · Quantità: 3 · Formato: JSON

[
  "Lorem ipsum dolor sit amet...",
  "Ut enim ad minim veniam...",
  "Duis aute irure dolor..."
]

Unità: Voci di elenco · Quantità: 5 · Formato: Markdown

- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit sed
- Eiusmod tempor incididunt ut labore
- Dolore magna aliqua enim ad
- Minim veniam quis nostrud exercitation

Come usare il generatore di Lorem Ipsum

1. 1

   Prendi il testo predefinito o imposta la tua unità

   Il riquadro di output contiene già tre paragrafi al caricamento della pagina — copialo subito se è tutto ciò che ti serve. Altrimenti, apri il menu a discesa Genera e scegli la tua unità: paragrafi, frasi, parole, voci di elenco o un conteggio esatto di byte.

2. 2

   Imposta la quantità

   Usa il cursore o il campo numerico per impostare quante unità produrre; i due restano sincronizzati. Il massimo del cursore riflette il limite per l'unità scelta (per esempio 1.000 per le parole), così conosci sempre l'intervallo disponibile.

3. 3

   Scegli un formato di output

   Lascia il Formato su Testo semplice per riempitivo grezzo, oppure passa a HTML per racchiudere i paragrafi in tag

   e gli elenchi in

   • , Markdown per blocchi separati da righe vuote ed elenchi con trattino, o JSON per un array di stringhe pronto da inserire in una fixture o in un mock.

4. 4

   Attiva o disattiva l'apertura canonica se necessario

   Mantieni "Inizia con Lorem ipsum…" attivo per cominciare con la familiare riga canonica, oppure disattivalo per testo completamente casuale. Fai clic su Rigenera in qualsiasi momento per ottenere un nuovo campione con le stesse impostazioni.

5. 5

   Copia o scarica il risultato

   Fai clic su Copia per mettere l'intero blocco negli appunti (vedrai una conferma "Copiato!"), oppure su Scarica per salvarlo come file con l'estensione corrispondente. Il contatore in tempo reale mostra i totali di parole, caratteri e paragrafi così puoi confermare la lunghezza.

Errori comuni con il Lorem Ipsum

La pagina lanciata mostra ancora:
"Lorem ipsum dolor sit amet, consectetur..."
nella sezione hero e nel footer.

Checklist pre-deploy: cerca in tutto il progetto
"lorem ipsum" (senza distinzione tra maiuscole e minuscole) e conferma zero risultati
prima di pubblicare. Sostituisci ogni blocco con testo reale.

Segnaposto: "testo testo testo testo testo testo testo"
Ogni parola ha lunghezza identica — va a capo in modo innaturale,
nasconde come si interromperà il testo reale.

Segnaposto: "Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor..."
Lunghezze di parola variate vanno a capo come prosa reale.

Spazio per il titolo testato con 3 paragrafi interi di testo —
sembra a posto nel mockup, va in overflow malamente quando entra
il vero titolo da 6 parole.

Spazio per il titolo testato con unità Parole, quantità 6.
Il mockup ora riflette la lunghezza reale del contenuto
e il dimensionamento del carattere regge.

Copia testo semplice, incolla nell'editor, poi aggiungi
<p>…</p> attorno a ciascuno degli 8 paragrafi a mano.
Dimentica un tag di chiusura, rompi l'impaginazione.

Imposta il Formato su HTML, copia, incolla.
Ogni paragrafo è già racchiuso correttamente,
zero modifiche manuali ai tag.

Testa una colonna varchar(255) a byte con 255 caratteri ASCII,
presumi che sia sicura, poi un input reale "café 北京 😀" a
255 caratteri supera il limite di byte.

Usa l'unità Byte per riempire esattamente 255 byte per la
baseline ASCII, poi testa anche con contenuto reale multi-byte
che il campo deve accettare.

Chi usa un generatore di Lorem Ipsum

Designer UI e di prodotto

Riempi frame Figma, wireframe e mockup con testo di lunghezza realistica così che clienti e stakeholder valutino l'impaginazione, non le parole. Usa l'unità parola o byte per abbinare la lunghezza esatta di un'etichetta, di una descrizione o di uno spazio per il titolo che il design conterrà alla fine.

Sviluppatori frontend

Inserisci paragrafi formattati in HTML direttamente in componenti, template e storie Storybook senza scrivere markup a mano. Il formato JSON popola props, fixture e handler di Mock Service Worker con contenuto realistico per costruire e testare gli stati della UI.

Costruttori di CMS e template

Popola template di WordPress, Webflow o headless-CMS con testo segnaposto per il corpo, estratti e voci di elenco mentre si costruisce la struttura. L'output Markdown si incolla in modo pulito nei campi rich-text e nei modelli di contenuto basati su Markdown.

Ingegneri QA e di test

Genera testo di una lunghezza esatta in byte o caratteri per testare limiti di campo, colonne varchar, comportamento di troncamento e gestione dell'overflow. Lunghezze riproducibili rendono facile verificare che un limite di 255 caratteri o un campo da 280 byte si comporti correttamente al confine.

Designer per la stampa e l'editoria

Fai scorrere il Lorem Ipsum in colonne, brochure e impaginazioni di libri in InDesign per valutare interlinea, larghezza delle colonne e la trama di un blocco di testo prima che arrivi il manoscritto. Le unità paragrafo e frase ti danno la giusta granularità per le bozze di stampa.

Designer di email e newsletter

Popola i template di email con testo del corpo e voci di elenco per testare come i blocchi vengono visualizzati nei vari client prima che il contenuto reale della campagna sia scritto. Brevi frammenti di voci di elenco sostituiscono elenchi puntati e richiami di funzionalità.

Creatori di presentazioni e deck

Riempi layout di slide, template di pitch deck e schemi keynote con punti elenco e paragrafi segnaposto così che la gerarchia visiva sia definita prima che i punti chiave siano finali. La modalità elenco produce i frammenti brevi che le slide usano davvero.

Sviluppatori di database e API

Usa l'output dell'array JSON o conteggi precisi di byte per popolare database, generare record di esempio e costruire risposte realistiche di mock API. Un riempitivo riproducibile e di lunghezza controllabile batte la digitazione a mano di valori fittizi in ogni riga di test.

Come funziona il generatore

Vocabolario e costruzione delle frasi

Il testo è assemblato a partire dal classico vocabolario Lorem di circa 180 parole. Una frase è composta da 6–14 parole scelte a caso con qualche virgola occasionale inserita per dare ritmo, con l'iniziale maiuscola e chiusa da un punto. Un paragrafo è composto da 3–7 frasi di questo tipo. Le voci di elenco sono frammenti più brevi di 3–8 parole senza punteggiatura finale.

Casualità deterministica e con seed

Il generatore attinge da un generatore di numeri pseudo-casuali piccolo e veloce (mulberry32). Nel browser è inizializzato da Math.random per un output nuovo ogni volta; nella suite di test gli viene dato un seed fisso così l'output è completamente riproducibile e le asserzioni restano stabili. La casualità non è crittografica — esiste solo per far sembrare naturale il riempitivo.

Il prefisso canonico

Quando l'interruttore "Inizia con Lorem ipsum…" è attivo, la prima frase (o la prima sequenza di parole) comincia con "Lorem ipsum dolor sit amet, consectetur adipiscing elit" e poi prosegue con parole casuali. Disattivarlo rende l'intero output casuale, con solo la prima lettera maiuscola.

Conteggio esatto dei byte (invariante ASCII)

Il vocabolario Lorem è puro ASCII, quindi ogni carattere occupa esattamente un byte UTF-8. Questo invariante permette all'unità Byte di costruire il testo finché non raggiunge la lunghezza richiesta e poi tagliarlo al conteggio esatto di byte — l'indice del carattere coincide con l'indice del byte — senza rischio di spezzare una sequenza multi-byte.

Resa dei formati

Il testo semplice unisce i paragrafi con righe vuote e le voci di elenco con interruzioni di riga. L'HTML racchiude i paragrafi in

e le voci di elenco in

• . Il Markdown usa blocchi separati da righe vuote e prefissi di elenco "- ". Il JSON serializza i blocchi come un array indentato di stringhe. L'unità byte emette sempre testo semplice, poiché i budget di byte sono indipendenti dal formato.

Esecuzione lato client

Tutta la logica di generazione è una funzione pura senza dipendenze di rete o storage, importata da un piccolo script client che collega i controlli. L'output viene calcolato in modo sincrono a ogni modifica, ed è per questo che è istantaneo anche alle dimensioni massime e funziona senza connessione. Nessun testo viene mai trasmesso o reso persistente.

Buone pratiche per il testo segnaposto

Abbina il riempitivo alla lunghezza del contenuto reale

Il testo segnaposto è più utile quando ha la lunghezza che avrà il testo reale. Uno spazio per il titolo che contiene cinque parole non dovrebbe essere testato con una frase da 40 parole. Usa l'unità parola o byte e il contatore in tempo reale per dimensionare il riempitivo allo spazio di contenuto effettivo, così l'impaginazione che approvi sopravvive al contatto con il testo reale.

Mantieni l'apertura canonica per le revisioni

Quando mostri il lavoro a clienti o stakeholder, lascia attiva l'apertura "Lorem ipsum dolor sit amet". La riga riconoscibile segnala "questo è segnaposto intenzionale, non testo finale", il che previene il momento imbarazzante in cui un revisore pensa che il latino confuso sia un errore o inizia a cercare di leggerlo.

Non mandare mai il Lorem Ipsum in produzione

Il testo segnaposto su una pagina live e indicizzabile è contenuto scarno che spreca budget di scansione e confonde gli utenti che vi arrivano. Prima del lancio, sostituisci ogni blocco con testo reale ed esegui una ricerca in tutto il progetto di "Lorem ipsum" — template di staging, footer e valori predefiniti del CMS sono i soliti colpevoli che sfuggono fino alla produzione.

Usa l'output HTML o JSON per saltare il lavoro ripetitivo

Se il riempitivo va in markup o in una fixture di test, generalo nel formato giusto fin dall'inizio. L'output HTML risparmia l'incapsulamento dei paragrafi nei tag a mano; l'output JSON risparmia la messa tra virgolette e l'unione con virgole delle stringhe per una fixture. Scegliere il formato in anticipo è più veloce che riformattare il testo semplice dopo.

Rigenera per varietà, non solo per volume

Quando un design ha diversi spazi simili — una griglia di card, un elenco di testimonianze — genera un nuovo blocco per ciascuno con Rigenera invece di incollare ripetutamente lo stesso testo. Un riempitivo variato rivela come l'impaginazione gestisce diversi conteggi di righe e mandate a capo, cosa che un testo identico nasconde.

Considera un riempitivo in lingua reale per impaginazioni localizzate

Il Lorem Ipsum è basato sul latino, quindi le sue lunghezze di parola e frequenze di lettere approssimano le lingue dell'Europa occidentale. Se stai progettando per il tedesco (composti lunghi), per scritture CJK o per lingue RTL, convalida l'impaginazione anche con testo di esempio in quella lingua — le metriche del Lorem Ipsum non prevedono come quelle scritture vanno a capo e si spaziano.

Non trattare il testo generato come persistente

Lo strumento non memorizza nulla; aggiornare la pagina cancella l'output. Se ti serve di nuovo un blocco generato specifico, copialo o scaricalo invece di fare affidamento sul fatto che resti nel riquadro. Per fixture ripetibili, salva l'output JSON nel tuo progetto così lo stesso riempitivo è sotto controllo di versione insieme ai tuoi test.

Domande frequenti