Skip to content
Retour au blog
Tutoriels

Lorem Ipsum : sens, origine et usage du texte de remplissage

Tout sur le Lorem Ipsum : ce que signifie ce faux latin, d'où il vient, pourquoi les designers utilisent un texte de remplissage, comment le générer partout et quand l'éviter. Générateur gratuit.

12 min de lecture

Le Lorem Ipsum est un bloc de faux latin volontairement dénué de sens, mélangé, que les designers glissent dans une maquette avant que les vrais mots n’existent. On remplit l’espace avec du texte qui a la forme d’un texte, pour que les relecteurs jugent la typographie, les espacements et la structure au lieu de se laisser happer par la lecture et la correction du contenu. Cela ne raconte rien de précis, et c’est le but. Besoin d’un bloc tout de suite ? Le générateur de Lorem Ipsum le produit dans votre navigateur en un seul clic.

Mais « qu’est-ce que c’est » n’est qu’un début. Ce guide explique d’où vient réellement le texte (un véritable passage de Cicéron datant de 45 av. J.-C.), pourquoi il fonctionne mieux que taper « asdf asdf », comment le générer presque partout (votre éditeur de code, Word, une bibliothèque de faker, Figma, et même en CSS pur), quelles sont les alternatives, et un piège que la plupart des articles passent sous silence : le Lorem Ipsum cesse de prédire la réalité dès que votre mise en page doit gérer une langue qui n’est pas ouest-européenne.

Qu’est-ce que le Lorem Ipsum ?

Le Lorem Ipsum est un texte de remplissage : des mots pseudo-latins mélangés et dénués de sens, utilisés pour combler une maquette avant que le vrai contenu ne soit rédigé. Ce n’est pas du charabia que l’on taperait pour remplir une case. Il possède une forme délibérée, à l’aspect naturel (longueurs de mots variées, phrases de longueurs différentes, quelques virgules ça et là), si bien qu’un paragraphe se coupe, se césure et se compose à peu près comme de la vraie prose. L’œil voit un bloc de texte crédible et évalue la mise en page, pas le message.

La phrase que tout le monde reconnaît est l’ouverture canonique : Lorem ipsum dolor sit amet, consectetur adipiscing elit. On suppose que c’est du vrai latin. Pas tout à fait. Le premier mot vend la mèche : il n’existe pas de mot latin lorem. C’est la fin de dolorem, qui signifie « douleur », amputée de sa première syllabe. Le tout premier mot du texte de remplissage le plus célèbre du monde est donc le fragment d’un mot plus long parlant de souffrance. Voilà le sens du lorem ipsum en une phrase : du latin corrompu, volontairement brisé pour que personne ne le prenne pour du contenu.

Cette brisure n’est pas un détail. Si le remplissage se lisait comme une langue cohérente et réelle, les relecteurs se mettraient à le lire, puis à le corriger, et la revue de design se transformerait en revue de contenu. Le Lorem Ipsum tient un équilibre utile : assez structuré pour se comporter comme de la prose sur la page, assez dénué de sens pour que personne ne soit tenté de vraiment le lire.

D’où vient le Lorem Ipsum ?

L’histoire de l’origine du lorem ipsum est plus précise qu’on ne le croit, et la version courte qui circule sur le web (« c’est juste du latin au hasard ») est fausse. Le texte remonte à une véritable source classique, puis il a été déformé, avant de surfer sur deux vagues de technologies de design jusqu’à devenir omniprésent.

Le De Finibus de Cicéron (45 av. J.-C.)

La source est le De Finibus Bonorum et Malorum — « Des termes extrêmes des biens et des maux » — un ouvrage de philosophie morale que Cicéron écrivit en 45 av. J.-C. Les sections 1.10.32 et 1.10.33 traitent du plaisir et de la douleur, et l’un des passages commence ainsi : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet… (« Il n’existe personne qui aime la douleur pour elle-même, parce qu’elle est la douleur… »). Réduisez dolorem à lorem, mélangez les mots qui suivent, supprimez-en, ajoutez-en, et vous obtenez le remplissage que nous connaissons. La célèbre ouverture est la corruption d’une vraie phrase expliquant pourquoi personne ne recherche la douleur pour elle-même.

Le Lorem Ipsum n’est donc pas un charabia inventé. C’est un texte de philosophie vieux de 2 000 ans, à qui l’on a retiré son sens au scalpel.

Letraset et les années 1960

Des passages en latin ne deviennent pas tout seuls une référence pour l’industrie du design. Le saut s’est produit dans les années 1960 grâce à Letraset, une entreprise qui fabriquait des planches de lettres-transfert à sec — le lettrage à frotter qu’utilisaient les graphistes avant la typographie numérique. Letraset imprimait des passages de Lorem Ipsum sur ses planches et dans ses échantillons, ce qui mettait une réserve toute prête de remplissage neutre entre les mains des designers. C’est devenu le texte que l’on attrapait quand on avait besoin de mots qui n’étaient pas encore des mots.

PageMaker et la PAO (années 1980)

La seconde vague fut logicielle. Dans les années 1980, Aldus livra PageMaker — l’application qui a pour ainsi dire créé la publication assistée par ordinateur — en y intégrant le Lorem Ipsum comme texte d’exemple par défaut. Cela a fait passer le remplissage des planches d’échantillons imprimées à l’écran, et l’a installé dans le flux de travail par défaut de quiconque mettait une page en page sur un ordinateur. De là, il s’est répandu dans chaque logiciel de mise en page, chaque modèle de site web et chaque outil de design moderne. Aujourd’hui, InDesign, Figma et les autres peuvent insérer du Lorem Ipsum dans un cadre en une seule commande, et la filiation remonte tout droit à un Romain qui parlait de la douleur.

Pourquoi les designers et les développeurs utilisent un texte de remplissage

L’argument en faveur du texte de remplissage tient à une seule idée : séparer le problème du design du problème du contenu pour les résoudre l’un après l’autre. Quand vous décidez de la largeur des colonnes, de la longueur des lignes, de l’interligne et de l’endroit où le texte d’une carte se coupe à la troisième ligne, le vrai contenu est une distraction. Un relecteur lit le titre, n’est pas d’accord avec la formulation, et vous voilà à débattre d’une phrase au lieu de la grille.

Alors pourquoi les designers utilisent-ils le Lorem Ipsum en particulier, plutôt qu’un remplissage quelconque ? Parce que sa forme statistique compte. Les mots ont une distribution réaliste de longueurs, et les phrases varient comme le font de vraies phrases. Cela signifie qu’un paragraphe de Lorem Ipsum se coupe entre les lignes, se césure et s’empile sur un nombre de lignes réaliste. La mise en page que vous validez avec du Lorem dedans est proche de celle que vous obtiendrez avec un vrai texte de même longueur.

Comparez cela aux alternatives paresseuses. Tapez text text text text et chaque mot a la même longueur, donc les coupures de ligne tombent selon un motif uniforme et factice qui masque la façon dont le vrai contenu s’écoulera. Pianotez asdfasdf jkl;jkl; et vous obtenez des formes de lettres anormales et aucune frontière entre les mots. Les deux faussent ce que vous cherchez justement à évaluer. Le Lorem Ipsum, lui, ressemble à du langage sans en être, et c’est exactement la propriété qu’on veut.

Il y a aussi un avantage social. Le Lorem Ipsum est un signal reconnu. Lorsqu’un client ou un collègue voit Lorem ipsum dolor sit amet, il le lit comme « ceci est un remplissage volontaire, le vrai contenu arrive », sans paniquer en croyant la page cassée ni se mettre à relire du latin mélangé. Cette compréhension partagée vaut beaucoup lors d’une relecture.

Comment générer du Lorem Ipsum partout

La plupart des articles sur le sujet s’arrêtent à « collez-le depuis un site web ». Cela sous-estime tous les endroits où générer du Lorem Ipsum s’applique réellement. Voici la trousse complète, de l’onglet de navigateur au script de build.

Générateur en ligne

Le chemin le plus rapide, avec le plus de contrôle, est un outil web dédié. Le générateur de Lorem Ipsum s’ouvre avec trois paragraphes déjà dans la zone de texte, ce qui vous permet de copier du remplissage dès le chargement de la page. À partir de là, vous choisissez une unité — paragraphes, phrases, mots, éléments de liste ou un nombre exact d’octets — réglez la quantité, et choisissez le format de sortie : texte brut, HTML avec balises <p> et <ul><li>, Markdown ou un tableau JSON. L’unité en octets est la pépite : remplissez exactement 280 octets pour un champ de tweet ou 255 pour une colonne varchar(255), coupés au dernier caractère.

Dans votre éditeur : VS Code et Emmet

Si vous écrivez du HTML, vous avez déjà un générateur intégré. Emmet — fourni avec VS Code et disponible dans la plupart des éditeurs — déploie une abréviation lorem en remplissage quand vous appuyez sur Tab dans un fichier HTML. Ajoutez un nombre pour contrôler le nombre de mots :

lorem
<!-- se déploie en ~30 mots de Lorem Ipsum -->

lorem30
<!-- exactement 30 mots -->

p*3>lorem20
<!-- trois éléments <p>, chacun avec 20 mots de Lorem Ipsum -->

Cette dernière est l’astuce à retenir : combinez lorem avec la multiplication et l’imbrication d’Emmet pour générer un remplissage entièrement balisé sans quitter le clavier. Les IDE JetBrains (WebStorm, IntelliJ) embarquent le même support d’Emmet, donc les abréviations y fonctionnent aussi.

Dans Microsoft Word

Word possède un générateur caché, antérieur au web. Tapez ceci sur une ligne vide et appuyez sur Entrée :

=lorem()

Cela insère plusieurs paragraphes de Lorem Ipsum. Vous pouvez contrôler la quantité avec deux arguments — le nombre de paragraphes et de phrases par paragraphe :

=lorem(3,5)

Cela produit 3 paragraphes de 5 phrases chacun. Si vous préférez un remplissage en anglais réel et lisible (du véritable texte d’aide de Word plutôt que du latin), utilisez =rand() et =rand(3,5) de la même manière. Pratique quand vous devez montrer quelque chose à un public non technique que le latin déconcerterait.

Dans le code : faker.js

Quand vous avez besoin de remplissage à l’intérieur d’un programme — peupler une base de données, construire des fixtures de test, simuler une API — une bibliothèque de faker bat le copier-coller. Le paquet moderne et maintenu est @faker-js/faker :

import { faker } from '@faker-js/faker';

// Une phrase, un paragraphe, trois paragraphes
const sentence = faker.lorem.sentence();
const paragraph = faker.lorem.paragraph();
const article = faker.lorem.paragraphs(3);

// Sortie reproductible : amorcez d'abord le générateur
faker.seed(42);
const fixed = faker.lorem.paragraphs(3); // même texte à chaque exécution

L’amorçage (seed) est ce qui compte pour les tests. faker.seed(42) rend la sortie déterministe, de sorte qu’un test par instantané (snapshot) ne devienne pas instable simplement parce que le remplissage a changé d’une exécution à l’autre. Et comme faker produit aussi des noms, des e-mails, des adresses et des enregistrements structurés, vous pouvez peupler une fixture réaliste puis l’envoyer directement sur disque. Si vous enregistrez cette fixture en JSON, passez-la dans le formateur JSON pour que le fichier versionné reste lisible dans les diffs.

Dans les outils de design : Figma et InDesign

Les designers ont rarement besoin d’un onglet séparé. Dans Figma, le plugin « Lorem ipsum » (et Content Reel) remplit un calque de texte sélectionné avec du remplissage à la demande. Dans InDesign, sélectionnez un bloc de texte et choisissez Texte → Remplir avec du texte de substitution pour faire couler du Lorem Ipsum dans tout l’article — utile pour évaluer un placard multi-colonnes avant l’arrivée du manuscrit.

En CSS

Pour du prototypage purement visuel, vous pouvez injecter du remplissage avec du contenu généré, sans modifier le balisage :

.skeleton::after {
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
}

À utiliser avec parcimonie. Le contenu défini en CSS n’est pas du vrai texte de document, les lecteurs d’écran le traitent de façon inégale, et il est facile d’oublier qu’il est là. C’est très bien pour un prototype jetable ou une expérimentation de style ; ce n’est pas un substitut au contenu de remplissage dans un vrai modèle.

Variantes et alternatives au Lorem Ipsum

Le Lorem Ipsum classique est l’option par défaut, mais ce n’est pas la seule — et parfois c’est la mauvaise. Les alternatives au lorem ipsum se rangent en trois catégories, chacune adaptée à un usage différent.

Ipsum thématiques (Bacon, Hipster, Cat)

Les générateurs thématiques remplacent le latin par des vocabulaires humoristiques : Bacon Ipsum (« bacon ipsum dolor amet ribeye… »), Hipster Ipsum, Cat Ipsum, et des dizaines d’autres. Ils sont vraiment utiles dans un cas précis — une relecture interne décontractée, où un remplissage reconnaissable et un peu drôle garde l’équipe engagée et signale « ce n’est clairement pas définitif ». Le risque est l’inverse de la force du Lorem : le remplissage thématique est lisible, donc les gens se mettent à le lire, et dans un contexte client il peut paraître peu sérieux. Utilisez-le pour l’ambiance, pas pour les décisions de mise en page.

Fakers de données réelles (faker, Mockaroo)

Quand le remplissage a besoin de structure plutôt que de prose, tournez-vous vers un faker de données réelles. Le Lorem Ipsum vous donne des blocs de faux texte ; des outils comme @faker-js/faker et Mockaroo vous donnent de faux enregistrements — noms, e-mails, prix, dates, adresses — calqués sur votre vrai modèle de données. Pour peupler une base de données, construire un mock d’API ou remplir une table d’utilisateurs dans un prototype, des données factices structurées sont bien plus honnêtes que dix paragraphes identiques de latin. Une ligne d’utilisateur avec un nom et un e-mail plausibles vous en dit plus sur votre mise en page que ne le fera jamais Lorem ipsum dolor.

Design orienté contenu

La critique la plus tranchante du Lorem Ipsum vient du camp du « contenu d’abord », et elle mérite d’être prise au sérieux. L’argument : le vrai contenu a une longueur, un ton, des cas limites et des vérités gênantes que le texte de remplissage masque. Un tableau de tarifs paraît net avec trois jolis encarts de Lorem et s’effondre quand la vraie description d’une offre est trois fois plus longue que les autres. Une carte de profil bâtie autour de Lorem ipsum dolor sit amet casse quand un vrai utilisateur a un nom de 40 caractères et aucune bio. Concevoir avec un contenu réaliste — idéalement réel — fait remonter ces problèmes tôt, tant qu’ils sont peu coûteux à corriger. La leçon pratique n’est pas « n’utilisez jamais le Lorem ». C’est « utilisez le Lorem pour dégrossir la structure, puis mettez-la à l’épreuve avec du vrai contenu avant de vous engager ».

Le piège du remplissage en i18n

Voici la partie que la plupart des guides passent sous silence, et celle qui risque le plus de vous coûter cher. Le Lorem Ipsum, c’est du latin. Ses longueurs de mots, ses fréquences de lettres et ses espacements approchent les langues ouest-européennes : anglais, français, espagnol et leurs cousines. Dès que votre mise en page doit afficher une langue qui n’est pas de cette famille, le Lorem Ipsum cesse de prédire la réalité.

Trois modes de défaillance reviennent sans cesse :

  • Écritures CJK (chinois, japonais, coréen). Ces langues n’utilisent souvent pas d’espaces entre les mots, les règles de coupure de ligne sont totalement différentes, et chaque caractère occupe une cellule à peu près carrée, à chasse fixe. Une colonne qui paraît équilibrée avec du Lorem Ipsum peut se couper tout autrement, et sur un autre nombre de lignes, une fois remplie de chinois. La densité de caractères par ligne n’a rien à voir avec le latin.
  • Écritures RTL (arabe, hébreu). Elles se lisent de droite à gauche, ce qui inverse tout le sens de lecture, l’alignement et la position des contrôles de l’interface. Le Lorem Ipsum ne vous donne aucun indice quant à savoir si votre mise en page est correctement reflétée. Vous devez tester avec un véritable texte d’exemple RTL.
  • L’allemand et les autres langues riches en composés. L’allemand forme de longs noms composés (Geschwindigkeitsbegrenzung, Rechtsschutzversicherung) qui ne se coupent pas comme les mots bien rangés de 5 à 8 lettres du Lorem. Une colonne étroite qui accueille confortablement du Lorem Ipsum peut déborder ou forcer une vilaine césure dès qu’un vrai mot allemand y atterrit.

La solution est simple : ne faites pas confiance au Lorem Ipsum pour valider une mise en page localisée. Remplissez chaque langue avec un texte d’exemple dans cette langue et vérifiez pour de vrai la coupure des lignes, leur nombre et l’alignement des contrôles. Quand vous dimensionnez un emplacement selon une limite réelle — une méta-description, un tweet, un SMS — respectez le budget de caractères effectif ; notre guide des limites de caractères par plateforme détaille les chiffres, et le compteur de mots vous permet de confirmer qu’un échantillon tient dans la fourchette avant de concevoir autour.

C’est aussi là que la distinction octet/caractère se rappelle à vous, ce qui mène tout droit à la section des erreurs.

Erreurs courantes et quand NE PAS utiliser le Lorem Ipsum

Le Lorem Ipsum est un outil de développement, pas un matériau à livrer. La plupart des ennuis viennent du fait qu’on oublie cette limite. Voici les défaillances à surveiller.

Le livrer en production. C’est le gros problème. Une page en ligne, indexable, contenant encore du Lorem Ipsum n’a aucun vrai contenu à classer, paraît cassée à tout visiteur qui la trouve, et peut être signalée comme pauvre ou inachevée. Cela n’arrive presque jamais exprès — c’est un modèle de préproduction passé en ligne, un pied de page oublié, une valeur par défaut du CMS que personne n’a remplacée. La parade est mécanique : avant chaque déploiement, cherchez dans tout votre projet (sans tenir compte de la casse) lorem ipsum et confirmez zéro résultat. Inscrivez-le dans votre checklist de pré-lancement, juste à côté de la vérification des liens cassés.

Oublier l’accessibilité. Un lecteur d’écran ne saute pas le Lorem Ipsum — il lit le latin mélangé à voix haute, mot par mot, à quiconque l’utilise. C’est déroutant lors d’une démo et franchement hostile si le remplissage atteint la production. Si vous présentez votre travail à une partie prenante qui utilise une technologie d’assistance, un remplissage réel — ou thématique mais lisible — est plus aimable qu’un mur de latin.

Inadéquation entre la quantité et l’emplacement. Remplir un titre d’une seule ligne avec trois paragraphes, ou le corps d’un long article avec une seule phrase, teste la mise en page à la mauvaise longueur. Ça paraît correct dans la maquette et ça casse quand le vrai contenu arrive. Adaptez l’unité et la quantité à ce que l’emplacement contiendra réellement — six mots pour un titre, pas soixante.

Supposer que les octets égalent toujours les caractères. Le Lorem Ipsum classique est de l’ASCII pur, donc un caractère vaut exactement un octet, et l’on se met facilement à croire que c’est une règle universelle. Elle ne l’est pas. Glissez-y une lettre accentuée, un emoji ou n’importe quelle écriture non latine, et un seul caractère peut faire deux, trois ou quatre octets. Une colonne varchar(255) en octets qui accueille confortablement 255 caractères Lorem ASCII déborde quand un vrai utilisateur tape 255 caractères de café 北京 😀. Testez les limites en octets avec le jeu de caractères que le champ stockera réellement — le guide des limites de caractères par plateforme creuse précisément l’endroit où ça fait trébucher. (Le même soin octet/caractère réapparaît quand vous assainissez des identifiants ; le guide des conventions de nommage couvre le terrain connexe pour les clés et les slugs.)

Traiter le texte généré comme un actif sauvegardé. La plupart des générateurs ne stockent rien — rafraîchissez la page et la sortie disparaît. Si vous avez de nouveau besoin d’un bloc précis, copiez-le ou téléchargez-le. Pour des fixtures de test reproductibles, enregistrez la sortie JSON dans votre dépôt afin que le remplissage soit versionné aux côtés des tests qui en dépendent, au lieu d’être régénéré à neuf (et différemment) à chaque exécution.

Foire aux questions

Que signifie Lorem Ipsum ?

Lorem Ipsum ne signifie rien, intentionnellement — c’est du latin mélangé et corrompu, sans aucun sens cohérent. Il dérive d’un passage de Cicéron sur la douleur et le plaisir, mais les mots ont été tronqués, réordonnés et altérés jusqu’à cesser de former un latin lisible. Le premier mot, lorem, est un fragment de dolorem (« douleur ») amputé de sa première syllabe.

Le Lorem Ipsum est-il du vrai latin ?

Non. Il s’appuie sur du vrai latin — un passage du De Finibus Bonorum et Malorum de Cicéron — mais il a été volontairement déformé. Des mots sont tronqués, réarrangés, supprimés et inventés, si bien qu’il se lit comme un charabia à saveur latine plutôt qu’un texte traduisible. Lorem lui-même n’est pas un vrai mot latin.

D’où vient le Lorem Ipsum ?

Le Lorem Ipsum vient d’un texte de Cicéron de 45 av. J.-C., le De Finibus Bonorum et Malorum. Il est entré dans le design grâce à l’entreprise Letraset, qui l’imprimait sur des planches de lettres-transfert à sec dans les années 1960, et il s’est généralisé dans les années 1980 quand Aldus l’a intégré comme texte d’exemple dans PageMaker, la première application de PAO.

Pourquoi les designers utilisent-ils le Lorem Ipsum plutôt qu’un vrai texte ?

Les designers utilisent le Lorem Ipsum pour que les relecteurs jugent la mise en page, la typographie et les espacements au lieu de lire et corriger le contenu. Ses longueurs réalistes de mots et de phrases lui font se couper et se césurer comme de la vraie prose, à la différence de text text text ou asdf, tout en restant assez dénué de sens pour que personne ne soit tenté de vraiment le lire.

Comment générer du Lorem Ipsum dans VS Code ou Word ?

Dans VS Code, tapez l’abréviation Emmet lorem (ou lorem30 pour un nombre de mots exact) dans un fichier HTML et appuyez sur Tab. Dans Word, tapez =lorem() sur une ligne vide et appuyez sur Entrée, ou =lorem(3,5) pour 3 paragraphes de 5 phrases chacun. Les deux fonctionnent hors ligne, sans plugin.

Quelles sont les meilleures alternatives au Lorem Ipsum ?

Les principales alternatives sont les générateurs thématiques (Bacon, Hipster, Cat Ipsum) pour les relectures décontractées, les fakers de données réelles comme @faker-js/faker ou Mockaroo quand vous avez besoin de faux enregistrements structurés plutôt que de prose, et le vrai contenu lui-même quand vous voulez éprouver le comportement de la longueur et du ton réels dans la mise en page.

Est-ce mauvais pour le SEO de laisser du Lorem Ipsum sur une page en ligne ?

Oui. Une page en ligne, indexable, pleine de Lorem Ipsum n’a aucun vrai contenu à classer et peut être considérée comme pauvre ou inachevée, gaspillant le budget d’exploration et déroutant les visiteurs. Il n’y a pas de pénalité directe pour le latin lui-même, mais la page ne peut pas performer. Cherchez lorem ipsum dans votre projet avant chaque déploiement.

Le Lorem Ipsum fonctionne-t-il pour les mises en page non anglophones ou CJK ?

Pas de manière fiable. Le Lorem Ipsum n’approche que les langues ouest-européennes. Les écritures CJK se coupent et s’espacent de façon totalement différente, les langues RTL comme l’arabe inversent tout le sens, et les composés allemands débordent des colonnes étroites. Validez les mises en page localisées avec un vrai texte d’exemple dans la langue cible, pas avec du Lorem.

Pour conclure

Le Lorem Ipsum est un passage de Cicéron vieux de 2 000 ans dont on a retiré le sens, maintenu en vie par Letraset et PageMaker et désormais incrusté dans chaque outil de design que vous touchez. Il mérite sa place parce qu’il ressemble à du langage sans en être : parfait pour juger une mise en page, inutile comme contenu à livrer. Attrapez-le pour dégrossir la structure, générez-le là où vous travaillez, puis remplacez-le par un contenu réel et adapté à la langue avant toute mise en ligne. Quand vous avez besoin d’un bloc tout de suite, le générateur de Lorem Ipsum en a un qui vous attend.

Articles connexes

Voir tous les articles