Dans cet article
Qu'est-ce qu'un générateur d'images de substitution ?
Un générateur d'images de substitution crée des images vierges ou étiquetées avec des dimensions, couleurs et textes personnalisés. Ces images remplacent le contenu réel pendant le développement, la création de maquettes fil de fer et les maquettes de design — permettant aux équipes de construire des mises en page sans attendre les ressources finales.
Contrairement aux services de substitution externes nécessitant une requête réseau, un générateur côté client produit des images instantanément dans le navigateur à l'aide de l'API Canvas. Vous contrôlez la largeur, la hauteur, la couleur d'arrière-plan, la couleur du texte et le format de sortie, puis téléchargez ou copiez le résultat en un clic.
Comment fonctionne la génération d'images
Le générateur utilise l'API Canvas HTML pour dessiner des images entièrement dans le navigateur. Aucun serveur n'est impliqué — vos dimensions et couleurs sont rendues localement et exportées en fichier téléchargeable.
- Rendu Canvas — un élément canvas caché est créé aux dimensions spécifiées, rempli de votre couleur d'arrière-plan choisie, et étiqueté avec du texte centré montrant la taille
- Couleurs et texte personnalisés — définissez n'importe quelle couleur d'arrière-plan et de texte en utilisant des valeurs hexadécimales (ex. #6366f1), et remplacez optionnellement l'étiquette de dimension par défaut par un texte personnalisé
- Options de format — exportez en PNG pour une qualité sans perte, JPEG pour une taille de fichier réduite, ou WebP pour les navigateurs modernes avec le meilleur ratio compression-qualité
Essayez gratuitement — sans inscription
Générer une image de substitution →Quand utiliser des images de substitution
Les images de substitution sont utiles à chaque étape du développement produit où le contenu visuel final n'est pas encore disponible.
- Maquettage fil de fer — remplissez les emplacements d'images avec des substitutions correctement dimensionnées qui communiquent le rapport d'aspect prévu aux parties prenantes
- Développement frontend — construisez des mises en page responsive avec des images de substitution aux bonnes dimensions, évitant les états d'image cassée ou manquante pendant le développement
- Maquettes de design — créez des maquettes prêtes pour la présentation avec des blocs de substitution cohérents au lieu de photos stock aléatoires qui distraient de la mise en page
Questions fréquemment posées
Quels formats d'image sont supportés ?
Le générateur supporte les formats PNG, JPEG et WebP. Le PNG produit des images sans perte avec support de la transparence (idéal pour les substitutions avec fond transparent). Le JPEG offre des tailles de fichier plus petites avec compression avec perte. Le WebP fournit le meilleur ratio qualité-taille et est supporté par tous les navigateurs modernes.
Quelles sont les dimensions maximales ?
Le générateur supporte des images jusqu'à 4096 x 4096 pixels. Cela couvre la plupart des cas d'utilisation, des petites vignettes (64 x 64) aux bannières héro (1920 x 1080) et écrans rétina (2x). Les limites de l'API Canvas varient selon les navigateurs, mais 4096 px par côté fonctionne de manière fiable sur tous les navigateurs modernes.
Le générateur supporte-t-il la transparence ?
Oui, en utilisant le format PNG. Vous pouvez générer des images avec des arrière-plans transparents en laissant la couleur d'arrière-plan vide ou en la définissant comme transparente. Le JPEG ne supporte pas la transparence (les zones transparentes deviennent blanches), et le WebP supporte la transparence mais avec des artefacts de compression avec perte.