Generatore di immagini segnaposto
Genera immagini segnaposto per mock e wireframe.
Imposta dimensioni, colori di sfondo/testo e testo, e ottieni un URL immagine utilizzabile come link diretto.
Larghezza
Altezza
Preset
Colore di sfondo
Colore del testo
Formato
| Formato | 400 × 300px (PNG) |
|---|---|
| URL immagine | 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"); |
- Sicuro
- Solo gli utenti che conoscono l'URL dell'immagine possono vederla.
Note
Tag variabili
Puoi usare tag variabili personalizzati nel testo.
Ti permettono di incorporare dimensioni immagine, colori, interruzioni di riga e altro.
| Tag | Descrizione | Esempio | Risultato |
|---|---|---|---|
{width} | Sostituito con la larghezza dell'immagine generata. | {width}px | 400px |
{height} | Sostituito con l'altezza dell'immagine generata. | {height}px | 300px |
{ratio} | Sostituito con il rapporto d'aspetto dell'immagine generata. | {ratio} | 4:3 |
{back} | Sostituito con il colore di sfondo generato. | Sfondo: {back} | Sfondo: #dddddd |
{color} | Sostituito con il colore del testo generato. | Colore testo: {color} | Colore testo: #979797 |
{fmt} | Sostituito con il formato immagine generato. | Formato: {fmt} | Formato: PNG |
{br} | Inserisce un'interruzione di riga in quella posizione. Se inserisci un'interruzione di riga nel modulo di questo strumento, verrà inserita automaticamente. | Ciao{br}Mondo | Ciao Mondo |
Struttura dell'URL dell'immagine
Gli URL immagine generati da questo strumento possono essere usati come link diretti.
Per richiedere un'immagine direttamente, usa il percorso qui sotto.
- URL immagine
- https://img.skin/
LarghezzaxAltezza/Colore di sfondo/Colore del testo
?text=Testo&fmt=Formato immagine
| Valore | Descrizione | Esempio | Opzionale |
|---|---|---|---|
| Larghezza | 1–5000 | 400 | No |
| Altezza | 1–5000 | 300 | No |
| Colore di sfondo | Colore hex / nome colore / transparent | ff1493 / deeppink | Sì *1 |
| Colore del testo | Colore hex / nome colore / transparent | fff / white | Sì |
| Testo | Qualsiasi testo / tag variabili Se omesso, diventa '{width}×{height}'. | L:{width}px | Sì |
| Formato immagine | png / jpg / gif Se omesso, viene usato PNG. JPG e GIF non possono usare uno sfondo trasparente. | jpg | Sì |
*1 Non può essere omesso quando è specificato il colore del testo (fontColor).