Générateur d'images d'espace réservé
Générez des images d'espace réservé aux tailles prédéfinies pour réseaux sociaux, publicités et miniatures, avec fonds dégradés ou aléatoires, motifs diagonaux ou en grille, libellés multilignes et export @2x.
Générateur d'images d'espace réservé — Choisissez une taille parmi les préréglages courants pour réseaux sociaux, publicités et miniatures ou saisissez la vôtre, sélectionnez un fond uni, dégradé ou généré aléatoirement, et superposez un motif diagonal ou en grille. Ajoutez un libellé multiligne placé où vous voulez avec votre propre police, graisse et taille, puis exportez en PNG, JPG, WebP ou SVG — éventuellement en @2x pour les écrans retina. Tout est dessiné dans votre navigateur avec les API canvas et SVG, donc rien de ce que vous saisissez n'est envoyé sur un serveur.
Qu'est-ce que Générateur d'images d'espace réservé ?
Le Générateur d'Images d'Espace Réservé est un outil gratuit dans le navigateur pour les designers et développeurs front-end qui ont besoin de visuels de remplissage lors de la création de maquettes, prototypes, publicités et bibliothèques de composants. Commencez par un préréglage tel qu'une publication Instagram, une miniature YouTube, une carte OG ou un emplacement publicitaire comme un leaderboard 728×90, ou saisissez les dimensions exactes en pixels. Habillez le fond d'une couleur unique, d'un dégradé diagonal à deux couleurs ou d'une palette aléatoire, ajoutez un motif diagonal ou en grille, et placez un libellé multiligne à l'une des neuf positions avec une police sans, serif ou à chasse fixe. Activez la superposition des dimensions pour inscrire la largeur et la hauteur dans un coin, et exportez en PNG, JPG, WebP ou SVG copiable, avec une échelle retina @2x optionnelle pour les formats matriciels.
Comment utiliser Générateur d'images d'espace réservé
- Choisissez une taille prédéfinie (réseaux, miniature ou publicité) ou saisissez une largeur et une hauteur exactes en pixels.
- Ouvrez les Paramètres pour définir le fond : uni, dégradé à deux couleurs, ou cliquez sur Aléatoire pour des couleurs aléatoires sécurisées.
- Superposez éventuellement un motif diagonal ou en grille et activez la superposition des dimensions.
- Saisissez un libellé — utilisez des retours à la ligne pour du texte multiligne — puis définissez sa position, sa police, sa graisse et sa taille.
- Choisissez PNG, JPG, WebP ou SVG, et activez @2x pour un export matriciel retina.
- Vérifiez l'aperçu en direct et cliquez sur Télécharger (pour le SVG, vous pouvez aussi copier le balisage).
Exemples
Publication Instagram 1080×1080
Choisissez le préréglage Instagram Post, mettez un fond dégradé à deux couleurs, centrez un libellé gras sur deux lignes et téléchargez un PNG prêt pour une maquette de fil.
Publicité leaderboard 728×90
Choisissez le préréglage Ad Leaderboard, gardez un fond gris uni avec un motif en grille et la superposition des dimensions activée, et exportez un WebP de remplissage pour un emplacement publicitaire.
Miniature YouTube retina
Sélectionnez le préréglage YouTube Thumbnail (1280×720), activez l’export @2x et téléchargez un PNG 2560×1440 qui reste net sur les écrans haute densité.
Questions fréquentes
- Quelles tailles prédéfinies sont incluses ?
- Des tailles pour réseaux (publication, portrait et story Instagram, couverture Facebook, publication et en-tête X, bannière LinkedIn, miniature YouTube, carte OG) et des formats publicitaires standard (leaderboard, rectangle moyen, gratte-ciel large, panneau). Choisissez-en un pour remplir la largeur et la hauteur, ou saisissez une taille personnalisée.
- Comment fonctionnent les options de fond et de motif ?
- Le fond peut être une couleur unique, un dégradé diagonal à deux couleurs ou une palette aléatoire via le bouton Aléatoire, qui utilise le générateur de nombres aléatoires sécurisé de votre navigateur. Par-dessus, vous pouvez superposer un motif de lignes diagonales ou une grille dessinée dans la couleur du texte.
- Le libellé peut-il tenir sur plusieurs lignes et être repositionné ?
- Oui. Saisissez des retours à la ligne dans le champ de libellé pour du texte multiligne, placez le bloc à l'une des neuf positions (haut/milieu/bas × gauche/centre/droite) et choisissez une police sans, serif ou à chasse fixe avec une graisse normale ou grasse et une taille automatique ou fixe. Laissez le libellé vide pour imprimer automatiquement les dimensions.
- À quoi sert l’export @2x ?
- Pour les formats matriciels (PNG, JPG, WebP), il rend le canevas au double des dimensions en pixels pour que le fichier reste net sur les écrans retina et haute densité. Le SVG est déjà indépendant de la résolution, donc @2x ne s’y applique pas.
- Mes images ou mes textes sont-ils envoyés quelque part ?
- Non. Chaque espace réservé est entièrement dessiné dans votre navigateur avec les API canvas et SVG, et les téléchargements se font localement : rien de ce que vous saisissez ou générez n’est envoyé à un serveur, ce qui permet un fonctionnement hors ligne et préserve la confidentialité de votre travail.
Outils connexes
Code en image
Transformez un extrait de code en image avec coloration syntaxique dans votre navigateur, avec plus de 20 langages, des thèmes et fonds personnalisés, des numéros de ligne et un export PNG ou SVG.
Vérificateur de contraste des couleurs
Vérifiez le contraste WCAG 2.1 et le score APCA Lc entre texte et fond, voyez les badges AA, AAA et 3:1 et appliquez la couleur conforme la plus proche.
Mélangeur de couleurs
Mélangez deux couleurs HEX selon le ratio de votre choix, dans l'espace RGB ou Lab, et obtenez la couleur intermédiaire sous forme d'échantillon et de valeur HEX copiable.
Générateur de nuances de couleur
Transformez une couleur HEX de base en une échelle OKLCH, HSL ou RGB avec paliers réglables, indications de contraste WCAG par palier et export CSS, Tailwind et JSON.