Générateur d'Images de Remplacement

Générez des images de remplacement de n'importe quelle taille avec des couleurs et du texte personnalisés — utile pour les maquettes et les prototypes de conception.

Studio · environnement neutre

Tailles courantes

Taille (px)

Fond / texte

Texte personnalisé (vide = dimensions)

Police px

Fonctionnalités

Largeur et hauteur personnalisées

Couleurs personnalisées

Texte personnalisé

Télécharger en PNG ou SVG

Comment Utiliser

1. Choisissez une taille courante (image OG, avatar, HD…) ou saisissez des dimensions exactes en pixels.

2. Définissez les couleurs de fond et de texte — le damier aide quand l'image se posera sur un fond inconnu.

3. Téléchargez le PNG, ou copiez-le en data URL à coller directement dans un attribut src.

À propos de cet outil

Pendant la construction d'une mise en page, les vraies photos ne sont souvent pas prêtes, et les icônes d'image cassée empêchent de juger les espacements. Ce générateur crée des images de substitution unies aux dimensions exactes en pixels, avec la couleur de fond et de texte de votre choix, étiquetées avec leurs dimensions ou avec votre propre texte, pour que chacun sache ce que doit être le visuel final. Des préréglages couvrent les besoins courants — image Open Graph en 1200 × 630, carte Twitter en 1600 × 900, publication carrée en 1080 × 1080, HD en 1920 × 1080, 4:3, bannière en 1500 × 500 et avatar en 400 × 400 — ou vous pouvez saisir n'importe quelle largeur et hauteur. Téléchargez le résultat en PNG, ou copiez-le sous forme de data URL et collez-le directement dans l'attribut src d'un img dans un prototype, un modèle d'e-mail ou un jeu de test.

Questions Fréquentes

Qu'est-ce qu'une data URL, et pourquoi la copier ?

Une data URL contient l'image entière encodée en texte et commence par data:image/png;base64. Vous pouvez la coller dans un <img src> ou un fond CSS sans enregistrer ni héberger de fichier, ce qui est pratique pour des prototypes rapides.

Les images de substitution doivent-elles avoir les dimensions finales ?

Oui. Utiliser exactement la taille et le rapport d'aspect finaux révèle tôt les décalages de mise en page, les recadrages et les retours à la ligne, pour que les vraies images s'insèrent sans surprise.

Quelle taille doit faire une image Open Graph ?

1200 × 630 pixels est la taille la plus recommandée pour les aperçus de liens sur Facebook, LinkedIn et de nombreuses messageries. Éloignez le texte important des bords, car certaines plateformes recadrent en carré.

Pourquoi choisir un fond en damier ou neutre ?

Un gris neutre ou un motif en damier montre clairement que l'image est provisoire et aide à voir comment elle s'intègre sur des fonds inconnus : elle risque moins d'être prise pour un visuel terminé.

Puis-je utiliser ces images en production ?

Elles sont destinées aux maquettes et au développement. Laisser des images de substitution sur un site en ligne donne une impression d'inachevé, et les moteurs de recherche n'y trouvent aucun contenu visuel utile : remplacez-les par de vraies images avec un texte alternatif avant la mise en ligne.