Générateur d'image placeholder
Choisissez la largeur et la hauteur en pixels, les couleurs et le texte, puis téléchargez une image placeholder en PNG, JPG ou WebP. Utile pour construire des maquettes, des prototypes et tester des composants d'image.
Aperçu
Besoin d'un fichier à la taille exacte pour tester un upload ?
À quoi sert une image placeholder
Une image placeholder tient la place d'une image qui n'existe pas encore. Elle a les dimensions exactes, une couleur unie et, ici, le texte avec la largeur et la hauteur. On voit tout de suite si l'espace prévu dans la mise en page est le bon.
Maquettes et prototypes
Réservez la place des photos et des bannières avant d'avoir les visuels finaux.
Tests de composants
Voyez comment la balise <img /> recadre, redimensionne et charge l'image selon les dimensions.
CMS et documentation
Remplissez des listes, des galeries et des exemples sans vraies photos.
Comment générer l'image
Définissez les dimensions
Saisissez la largeur et la hauteur en pixels, de 1 à 4096, ou cliquez sur un raccourci comme Open Graph.
Choisissez les couleurs et le texte
Sélectionnez la couleur de fond et celle du texte, ou une combinaison prête. Sans texte, l'image affiche ses propres dimensions.
Choisissez le format et téléchargez
Le PNG garde le texte plus net, et le JPG et le WebP donnent des fichiers plus légers. Le fichier est enregistré sous un nom comme placeholder-1200x630.png.
Dimensions
Ce sont les plus courantes dans les mises en page, les réseaux sociaux et la vidéo. Les raccourcis de l'outil remplissent la largeur et la hauteur en un clic.
| Dimensions | Usage |
|---|---|
| 1920 × 1080 | Bandeaux de page, couvertures vidéo et fonds d'écran |
| 1280 × 720 | Miniatures de vidéos YouTube et couvertures d'articles de blog |
| 1200 × 630 | Aperçu des liens sur WhatsApp, LinkedIn, Facebook et X |
| 1080 × 1080 | Publication carrée sur les réseaux sociaux |
| 1080 × 1350 | Publication verticale dans le fil des réseaux sociaux |
| 1080 × 1920 | Stories, Reels et TikTok |
| 800 × 600 | Cartes, galeries et écrans produit |
| 400 × 400 | Photo de profil d'utilisateur dans les apps et les réseaux sociaux |
PNG, JPG ou WebP :
Les trois conviennent. La différence tient à la façon dont chacun traite le texte et les fonds unis.
PNG
Garde le texte et le fond uni bien nets. C'est le plus lourd des trois.
JPG
Léger, mais la compression peut flouter le bord des lettres.
WebP
Léger et net, mais tous les navigateurs ne savent pas le générer. Safari ne le peut pas, et l'option est alors désactivée.
Pour un placeholder avec du texte, choisissez le PNG. Le fichier pèse un peu plus, mais les lettres restent nettes.