Générateur d'Images Placeholder
Générez des images de substitution au format SVG avec les dimensions, couleurs de fond et texte de votre choix. Téléchargez-les ou copiez directement l'URL/data URI.
Paramètres
Aperçu
<img src="data:image/svg+xml;base64,…" width="1280" height="720" alt="placeholder">
const img = new URL("/placeholder.png", import.meta.url);
Comment utiliser : Placeholder
- 1Choisissez un préréglage ou indiquez la largeur et la hauteur en pixels.
- 2Personnalisez le texte, les couleurs et le format.
- 3Téléchargez l'image ou copiez le code d'intégration.
À quoi ça sert ?
- Remplir des maquettes avec des images à la taille exacte.
- Tester des mises en page responsive avant d'avoir les photos finales.
- Créer des images d'exemple pour des modèles et de la documentation.
Images de substitution pour la mise en page
À quoi elles servent
Elles réservent la place d'une image tant que la ressource finale n'existe pas, afin de valider mise en page et proportions.
Éviter les décalages
Indiquez toujours largeur et hauteur réelles dans le HTML : le navigateur réserve l'espace et évite le décalage cumulatif de mise en page (CLS), une métrique Core Web Vitals.
Formats
Les images générées sont légères et se téléchargent instantanément. Remplacez-les par de vraies images optimisées avant publication.
Outils associés
Questions fréquentes
Quels formats génère-t-il ?+
Il génère du SVG vectoriel et sa représentation en data URI pour l'utiliser dans <img> sans fichiers.