Générateur d'image placeholder SVG
Créez des images d'attente SVG personnalisées avec vos dimensions, couleurs et textes d'affichage.
Exécuter l’outil
Ce générateur crée des maquettes d'images au format vectoriel SVG avec des dimensions, des couleurs et des inscriptions personnalisées. Vous pouvez définir une largeur et une hauteur comprises entre 1 et 2000 pixels. Si aucun texte personnalisé n'est saisi, l'outil affiche automatiquement les dimensions effectives séparées par le signe de multiplication, comme 400 × 300. Les couleurs du fond et de la typographie acceptent des codes hexadécimaux usuels, avec des valeurs initiales fixées à #cccccc pour l'arrière-plan et #333333 pour le libellé. Chaque libellé saisi fait l'objet d'un échappement automatique des caractères spéciaux afin de garantir une intégration propre dans le balisage SVG et les attributs de texte alternatif. Le résultat fournit à la fois le code vectoriel complet et une représentation de données intégrée pour vos intégrations web rapides, vos gabarits de mise en page ou vos tests d'interface utilisateur.
Mode d’emploi
- Indiquez la largeur souhaitée en pixels entre 1 et 2000 (valeur par défaut : 400).
- Indiquez la hauteur souhaitée en pixels entre 1 et 2000 (valeur par défaut : 300).
- Saisissez un texte personnalisé pour l'étiquette centrale ou laissez le champ vide pour afficher automatiquement les dimensions.
- Renseignez la couleur d'arrière-plan au format hexadécimal (par exemple #e2e8f0).
- Renseignez la couleur du texte au format hexadécimal (par exemple #1e293b).
- Générez l'image pour récupérer le code SVG et la représentation de données intégrée.
Exemples
- Création d'un bloc bannière : Largeur 800, Hauteur 400, Texte « Emplacement Bannière », Arrière-plan #2563eb, Couleur de texte #ffffff.
- Création d'une vignette carrée par défaut : Largeur 250, Hauteur 250, sans texte personnalisé, affichant automatiquement « 250 × 250 ».
FAQ
Que se passe-t-il si je ne saisis aucun texte dans le champ correspondant ?
Lorsque le champ de texte reste vide, l'image affiche automatiquement les dimensions effectives au format « Largeur × Hauteur ».
Quelles sont les dimensions minimales et maximales acceptées ?
La largeur et la hauteur sont limitées à un intervalle compris entre 1 et 2000 pixels. Toute valeur hors limites est automatiquement ramenée dans cet intervalle.
Les caractères spéciaux sont-ils pris en charge dans le texte ?
Oui, les caractères spéciaux et balises sont systématiquement échappés pour éviter toute altération du code SVG produit.
Quel est le format du code couleur attendu ?
Vous pouvez employer des codes de couleurs hexadécimaux standards, tels que #cccccc pour le fond et #333333 pour la typographie.