Générateur d'images factices
Générez des images de remplacement pour des maquettes et wireframes.
Définissez la taille, les couleurs de fond/texte et le texte, puis obtenez une URL d'image utilisable en lien direct.
Largeur
Hauteur
Préréglage
Couleur de fond
Couleur du texte
Format
| Format | 400 × 300px (PNG) |
|---|---|
| URL de l'image | https://img.skin/400x300 |
| HTML | <img src="https://img.skin/400x300" alt="400×300" width="400" height="300"> |
| CSS | background-image: url("https://img.skin/400x300"); |
- Sûr
- Seuls les utilisateurs qui connaissent l'URL de l'image peuvent la voir.
Notes
Balises variables
Vous pouvez utiliser des balises variables personnalisées dans le texte.
Elles permettent d'insérer la taille de l'image, les couleurs, des retours à la ligne, etc.
| Balise | Description | Exemple | Résultat |
|---|---|---|---|
{width} | Remplacé par la largeur de l'image générée. | {width}px | 400px |
{height} | Remplacé par la hauteur de l'image générée. | {height}px | 300px |
{ratio} | Remplacé par le ratio d'aspect de l'image générée. | {ratio} | 4:3 |
{back} | Remplacé par la couleur de fond générée. | Fond : {back} | Fond : #dddddd |
{color} | Remplacé par la couleur du texte générée. | Couleur du texte : {color} | Couleur du texte : #979797 |
{fmt} | Remplacé par le format d'image généré. | Format : {fmt} | Format : PNG |
{br} | Insère un retour à la ligne à cet endroit. Si vous insérez un retour à la ligne dans le formulaire de cet outil, il sera inséré automatiquement. | Bonjour{br}Monde | Bonjour Monde |
Structure de l'URL de l'image
Les URL d'image générées par cet outil peuvent être utilisées comme liens directs.
Pour demander une image directement, utilisez le chemin ci-dessous.
- URL de l'image
- https://img.skin/
LargeurxHauteur/Couleur de fond/Couleur du texte
?text=Texte&fmt=Format de l'image
| Valeur | Description | Exemple | Optionnel |
|---|---|---|---|
| Largeur | 1–5000 | 400 | Non |
| Hauteur | 1–5000 | 300 | Non |
| Couleur de fond | Couleur hex / nom de couleur / transparent | ff1493 / deeppink | Oui *1 |
| Couleur du texte | Couleur hex / nom de couleur / transparent | fff / white | Oui |
| Texte | Texte libre / balises variables Si omis, cela devient '{width}×{height}'. | L:{width}px | Oui |
| Format de l'image | png / jpg / gif Si omis, PNG est utilisé. JPG et GIF ne peuvent pas utiliser un fond transparent. | jpg | Oui |
*1 Ne peut pas être omis lorsque la couleur du texte (fontColor) est spécifiée.