Générateur d'image factice (placeholder)
Créez des images factices de toute taille jusqu'à 4000×4000 avec vos couleurs et votre libellé. Export PNG, JPEG, WebP ou SVG, ou copie du data URI — sans service externe.
Laissez vide pour afficher les dimensions.
Qu'est-ce que Générateur d'image factice ?
Créez de simples images factices qui affichent leurs dimensions (comme 640×360) ou votre propre libellé, dans toute taille de 1 à 4000 pixels. Choisissez les couleurs de fond et de texte et exportez en PNG, JPEG, WebP ou SVG. Les images sont dessinées localement : vous ne dépendez donc d'aucun service web de placeholders.
Comment utiliser Générateur d'image factice
- Saisissez la Largeur (px) et la Hauteur (px).
- Choisissez l'Arrière-plan et la Couleur du texte, puis saisissez un Libellé ou laissez-le vide pour afficher la taille.
- Choisissez le Format.
- Téléchargez l'image ou copiez le code SVG / le data URI.
Exemple
Width 300, Height 150, Background #cccccc, Text color #555555, Format SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="150" viewBox="0 0 300 150"><rect width="100%" height="100%" fill="#cccccc"/><text x="50%" y="50%" fill="#555555" font-family="Arial, Helvetica, sans-serif" font-size="30" text-anchor="middle" dominant-baseline="central">300×150</text></svg>
Quand utiliser Générateur d'image factice
Utilisez-le pour des wireframes, des maquettes de design, tester des mises en page responsives et des composants d'image, et alimenter des démos de CMS ou de e-commerce. Pour des aperçus réalistes, utilisez de vraies photos ou des photos de banque d'images ; pour des placeholders flous de chargement, utilisez plutôt une version basse résolution de l'image réelle.
Comment fonctionne Générateur d'image factice
Pour PNG, JPEG et WebP, l'image est peinte sur un canvas HTML de la taille demandée : un rectangle plein plus le libellé centré en Arial, avec une taille de police du cinquième du plus petit côté (réduite pour les longs libellés afin qu'il tienne), puis exportée avec canvas.toDataURL. Pour le SVG, l'outil écrit un minuscule fichier vectoriel avec un <rect> et un élément <text> centré, qui reste net à tout zoom et fait généralement moins de 400 octets.
Cas d'utilisation courants
- Remplir les emplacements d'images dans des wireframes et prototypes
- Tester les rapports d'aspect et le CSS d'images responsives
- Alimenter des produits de démonstration dans une boutique en ligne
- Intégrer de minuscules placeholders SVG sous forme de data URI
Questions Fréquentes
Quel format choisir ?
Le SVG est le plus léger et le plus net pour des placeholders unis ; le PNG convient quand un fichier raster est exigé ; JPEG et WebP servent à tester des chaînes de traitement de photos.
Puis-je faire du hotlinking vers ces images ?
Il n'y a pas d'hébergement. Téléchargez le fichier ou collez directement le data URI / code SVG dans votre HTML ou CSS.
Quelle est la taille maximale ?
4000 × 4000 pixels. Les très gros PNG peuvent prendre un moment à exporter selon votre appareil.