Générateur d'images de substitution (images d'exemple)

Générez une image d'exemple directement dans votre navigateur en définissant la largeur, la hauteur, la couleur de fond et la couleur du texte, puis téléchargez-la au format PNG. L'image n'est jamais envoyée à un serveur.

Tailles courantes des images d'exemple

Taille Utilisation typique
300×200 Image de substitution pour une petite bannière ou un emplacement publicitaire
800×600 Image insérée dans un article de blog ou image temporaire pour une maquette filaire
1200×630 Image OGP pour les cartes de partage Facebook et X (Twitter)
1080×1080 Publication carrée pour Instagram et autres réseaux sociaux
1920×1080 Image principale Full HD ou fond de diaporama
640×360 Vignette vidéo au format 16:9 ou vignette d'interface en carte

Astuces

  • Le préréglage « 1200×630 (OGP) » vous donne instantanément la taille standard qui s'affiche sans être rognée sur les cartes de partage Facebook et X (Twitter).
  • Laisser le texte superposé vide affiche automatiquement les chiffres « largeur×hauteur », ce qui permet de distinguer les tailles d'un coup d'œil lors de la comparaison de plusieurs maquettes filaires.
  • La couleur de fond et la couleur du texte peuvent être choisies avec le sélecteur de couleur ou saisies directement en code hexadécimal, afin de correspondre exactement à la palette de votre maquette de design.
  • L'image générée est uniquement téléchargée sur votre appareil local — elle n'est jamais envoyée ni stockée sur le serveur de ce site.

Questions fréquentes

Elles servent d'« images factices » temporaires dans les maquettes et wireframes de sites web ou d'applications lorsque la photo ou l'illustration définitive n'est pas encore prête. Cela permet de vérifier la mise en page et d'avancer sur le code sans attendre que les éléments finaux soient terminés.

Non. Cet outil dessine et encode le PNG entièrement dans votre navigateur grâce à l'élément , si bien que les données de l'image ne sont jamais envoyées nulle part. En cliquant sur le bouton de téléchargement, elle est enregistrée directement sur votre propre appareil.

Les principaux réseaux sociaux, comme Facebook et X (Twitter), recommandent 1200×630px (un rapport d'aspect d'environ 1,91:1). Une taille bien plus petite peut paraître floue, et un rapport d'aspect différent peut être rogné de façon inattendue lors de l'affichage.

Cet outil accepte des valeurs de 1px à 4000px. Chaque navigateur impose ses propres limites d'implémentation pour l'élément , il est donc préférable d'éviter des tailles extrêmement grandes, comme plusieurs dizaines de milliers de pixels de côté.
ツールくん

Anecdote — la culture des images de substitution

Le design web a depuis longtemps l'habitude d'utiliser des images de substitution en attendant que les photos ou illustrations définitives soient prêtes. Cela suit la même idée que le texte de remplissage « lorem ipsum » utilisé dans l'imprimerie pour les textes inachevés, simplement appliquée aux images.

Un service nommé « Lorem Picsum », lancé en 2014, s'est largement répandu comme service d'images de substitution fournissant des photographies réelles de manière aléatoire. Comme il suffit d'indiquer la largeur et la hauteur dans l'URL pour obtenir une photo, il a été adopté dans d'innombrables maquettes de design et tutoriels. Néanmoins, dépendre d'un service externe n'est pas toujours pratique pour un travail hors ligne ou des projets à forte confidentialité.

Cet outil adopte une approche différente : il génère instantanément une image de couleur unie avec une étiquette de texte, entièrement dans le du navigateur, sans dépendre d'aucun service externe. Le résultat n'aura pas le réalisme d'une photographie, mais il est largement suffisant pour vérifier des tailles et des rapports d'aspect, ou pour tester la mise en page d'une image de partage sur les réseaux sociaux — des situations où l'on a simplement besoin, tout de suite, d'une image aux bonnes dimensions.