France Terme recommande « image de remplacement » ou « image factice » pour traduire « placeholder image », mais dans les ateliers de développement francophones, c'est bien l'anglicisme « placeholder » qui reste employé presque systématiquement à l'oral comme dans le code.
À quoi servent vraiment les placeholders
Un placeholder aux bonnes proportions permet de voir immédiatement comment le contenu s'organise autour d'une image de la taille prévue, sans attendre les graphismes finaux d'un designer ou d'un photographe. Cela accélère le développement et permet de travailler en parallèle sur la maquette et le contenu.
Le même rôle que le lorem ipsum, pour les images
Une image placeholder joue pour une maquette exactement le même rôle que le lorem ipsum pour un paragraphe : elle signale qu'il ne faut pas encore juger le contenu, mais la forme. Les deux outils résolvent le même problème — remplir une composition pour évaluer proportions et hiérarchie sans qu'un élément inachevé ne détourne l'attention de ce qui est réellement testé.
Tester le responsive sans vraies images
Des placeholders de différentes tailles et proportions aident à vérifier le comportement d'une maquette sur différents écrans : si elle se déforme quand l'image est carrée au lieu d'horizontale, ou si le recadrage (crop) fonctionne correctement au redimensionnement de la fenêtre.
Pourquoi c'est utile
- Remplir rapidement une maquette avec des images de la bonne taille avant que les graphismes réels soient prêts.
- Tester le responsive d'une maquette avec des images de proportions différentes.
- Montrer à un client ou à une équipe la structure d'une page sans attendre le contenu final.
Formats de placeholder : SVG contre images matricielles
Les placeholders peuvent être générés en images matricielles (PNG, JPEG) ou en SVG — un format vectoriel qui s'adapte à l'échelle sans perte de qualité. Un placeholder en SVG pèse généralement seulement quelques kilo-octets quelle que soit la taille définie, car il décrit des formes géométriques et du texte plutôt que de stocker des données pixel. Le format matriciel est plus utile quand il faut simuler de près le poids du fichier de la future image réelle, pour tester la performance de chargement d'une page.