Comment créer une image de substitution d'une taille exacte ?

Saisissez la Largeur (px) et la Hauteur (px), choisissez des couleurs ou un Thème de couleur, puis cliquez sur Télécharger PNG, Télécharger JPG ou Télécharger SVG. Par défaut, l'image affiche ses dimensions, comme 800 x 600, en guise d'étiquette.

Quelle est la plus grande image de substitution que je puisse générer ?

La largeur et la hauteur doivent être entre 1 et 4000 pixels. Les valeurs en dehors de cette plage affichent l'erreur La largeur et la hauteur doivent être entre 1 et 4000 px.

Comment insérer une image de substitution directement en HTML sans fichier ?

Cliquez sur Copier en tant que data URL et collez-la dans une balise img comme valeur src. Vous pouvez aussi utiliser Copier l'extrait HTML ou Copier le fond CSS. Aucun hébergement d'image externe n'est nécessaire.

Puis-je générer des tailles standard pour les réseaux sociaux ou le web ?

Oui. Les tailles prédéfinies incluent Publication Instagram, Story Instagram, Carte Twitter, Open Graph, Vignette YouTube, Couverture Facebook et En-tête email. Télécharger tous les préréglages (ZIP) enregistre les onze en fichiers PNG.

Comment mettre mon propre texte ou des lignes diagonales sur l'image de substitution ?

Saisissez une étiquette dans Texte personnalisé, par exemple Image d'accueil, au lieu d'afficher les dimensions. Cochez Afficher les lignes diagonales (X) pour tracer de légères diagonales. Le texte long se réduit automatiquement pour s'adapter à la largeur.

Est-ce vraiment gratuit ?

Oui. Tous les outils sont gratuits, sans compte et sans carte bancaire. Le traitement se fait sur votre appareil plutôt que sur nos serveurs, et c'est ce qui permet de garder le service gratuit.

Fonctionne-t-il sur mobile ?

Oui. Il fonctionne dans les navigateurs mobiles récents sur iOS et Android, sans rien à installer.

🖼️

Générateur d'images de substitution — outil gratuit

Générez des images de substitution colorées avec des dimensions, du texte et des couleurs personnalisés. Tailles standard pour les réseaux sociaux, maquettes et compositions de design.

S'exécute dans votre navigateurSans inscription ni pop-upsAucune connexion requiseGratuit pour toujours

Largeur (px)

Hauteur (px)

Tailles prédéfinies

Thèmes de couleur

Arrière-plan

Texte / lignes

Texte personnalisé (laisser vide pour les dimensions)

Afficher les dimensions si pas de texte personnaliséAfficher les lignes diagonales (X)

💡 Pour les maquettes HTML : utilisez l'option «Copier en tant que data URL» et collez dans <img src="..."> pour des espaces réservés en ligne. Pour les designs Figma / Sketch, téléchargez le PNG et faites-le glisser.

Utilisations courantes

Images d'espace réservé pour les maquettes de conceptionGénérez des cases colorées dimensionnées à utiliser dans Figma, Sketch ou les maquettes de conception Web avant que les images réelles ne soient prêtes.
Espaces réservés en ligne pour les prototypes HTMLUtilisez «Copier en tant qu'URL de données» pour intégrer des images d'espace réservé directement en HTML pour des prototypes rapides.
Espaces réservés pour les emplacements de contenu CMSLors de la démonstration d'un modèle CMS, utilisez des images d'espace réservé au lieu du contenu réel pour les aperçus sensibles.
Modèles d'images de médias sociauxGénérez des espaces réservés dimensionnés correctement pour les modèles de publications Instagram, Facebook, Twitter et LinkedIn.
Images de test de mise en page CSSGénérez des images avec des rapports d'aspect extrêmes pour les tests de stress des mises en page CSS réactives.

Comment ça marche

Tout se passe dans votre navigateur avec l'API Canvas HTML et du balisage SVG écrit à la main — sans serveur, sans envoi de fichier, sans service tiers. Vous réglez les dimensions, les couleurs, et le texte de légende, et l'outil peint l'image directement sur un élément canevas en temps réel, puis la sérialise en PNG, JPEG, ou SVG à la demande.

1
Configurez les dimensions et les couleurs
Saisissez une largeur et une hauteur (1 à 4000 px chacune), ou choisissez l'un des onze préréglages couvrant les tailles courantes de réseaux sociaux et de design. Choisissez une couleur de fond et de texte parmi les thèmes intégrés ou saisissez directement n'importe quelle valeur hexadécimale ; un sélecteur de couleur natif et un champ de texte validé restent synchronisés.
2
L'API Canvas rend l'aperçu instantanément
Un effet React appelle drawPlaceholder() à chaque changement. Cette fonction utilise CanvasRenderingContext2D pour remplir le rectangle avec la couleur de fond, dessiner optionnellement de fines lignes diagonales en croix à 15 % d'opacité, puis mesurer et centrer votre texte de légende — réduisant automatiquement la police jusqu'à ce qu'elle tienne dans 90 % de la largeur du canevas.
3
Exportez en PNG, JPEG, ou SVG
Les téléchargements PNG et JPEG appellent canvas.toDataURL(), convertissent le résultat base64 en Blob en mémoire, et déclenchent le téléchargement — le tout de façon synchrone à l'intérieur du geste utilisateur afin de satisfaire les règles de téléchargement de Safari iOS. L'export SVG construit une chaîne SVG autonome avec un rect correspondant, des lignes diagonales optionnelles, et un élément texte, puis l'enregistre comme fichier .svg.
4
Export par lot et raccourcis de copie
Le bouton « Télécharger tous les préréglages » importe dynamiquement JSZip, re-rend chacune des onze tailles préréglées sur un canevas hors écran avec la même fonction de dessin, et regroupe tous les PNG dans un seul ZIP. Les boutons copier produisent une URL de données PNG, une balise img SVG en ligne, ou une déclaration CSS background-image pour un collage immédiat dans du code.