Pourquoi l'image change-t-elle à chaque rechargement ?

Sans graine, le service renvoie une photo aléatoire à chaque fois. Utilisez la forme /seed/ pour en fixer une, ce que l'on veut presque toujours pour les revues de design et les tests de régression visuelle.

Puis-je utiliser ces images dans un vrai projet ?

Uniquement pour des maquettes. Le service sert au prototypage, pas de banque d'images sous licence — pour tout ce que vous publiez, utilisez des images dont vous détenez les droits.

Lorem Picsum - Images de substitution

Générez des images de substitution aléatoires pour vos maquettes.

Largeur

Hauteur

Flou

Graine

Niveaux de gris

Tous les calculs sont effectués localement dans votre navigateur. Aucune donnée n'est envoyée au serveur.

Les résultats sont fournis à titre informatif. Vérifiez-les auprès d'autres sources.

Les images de substitution dans une maquette

Les images de substitution permettent de construire une mise en page avant que les vraies photos existent. L'intérêt est de caler les dimensions tôt : une grille équilibrée avec des carrés s'effondre souvent avec les photos 3:2 qu'elle recevra réellement.

Comment ça marche

Construit une URL vers le service picsum.photos aux largeur et hauteur choisies.
Propose une graine fixe pour que la même image revienne à chaque rechargement, ce qui stabilise captures et tests visuels.
Prend en charge les variantes en niveaux de gris et floutées, utiles pour vérifier qu'un texte superposé reste lisible.

https://picsum.photos/{largeur}/{hauteur}
https://picsum.photos/seed/{graine}/{largeur}/{hauteur}   ← image stable
https://picsum.photos/{largeur}/{hauteur}?grayscale&blur=2

Exemple chiffré

Maquetter une grille de cartes avant l'arrivée des photographies.

les cartes font 400 × 267 dans la maquette — un rapport 3:2
https://picsum.photos/400/267 donne une photo différente à chaque chargement
https://picsum.photos/seed/card-1/400/267 donne toujours la même
ajoutez ?grayscale pour vérifier que le design ne dépend pas de photos colorées

Ce sont les URL avec graine qui rendent la maquette relisible : sans elles, chaque rechargement rebat les images et les relecteurs discutent de photos qui ne seront jamais publiées.

Lire le résultat

C'est le seul outil du site qui effectue une requête externe. Votre navigateur récupère l'image directement chez picsum.photos, qui voit votre adresse IP comme tout hébergeur d'images.
N'expédiez jamais de substituts en production. Ils dépendent d'un service tiers sans garantie de disponibilité, et un substitut cassé sur une page en ligne est pire qu'un état vide.
Reprenez le rapport d'aspect des vraies images, pas un carré commode. Les écarts de rapport sont la première cause de mise en page qui casse à l'arrivée du contenu réel.
Pour du travail hors ligne ou une suite de tests, générez plutôt un substitut local en aplat ou en SVG : pas de réseau, pas d'instabilité.

Questions fréquentes

Pourquoi l'image change-t-elle à chaque rechargement ?: Sans graine, le service renvoie une photo aléatoire à chaque fois. Utilisez la forme /seed/ pour en fixer une, ce que l'on veut presque toujours pour les revues de design et les tests de régression visuelle.
Puis-je utiliser ces images dans un vrai projet ?: Uniquement pour des maquettes. Le service sert au prototypage, pas de banque d'images sous licence — pour tout ce que vous publiez, utilisez des images dont vous détenez les droits.

Sources

Lorem Picsum