Generator obrazów zastępczych
Generuj obrazy zastępcze do mocków i wireframe'ów.
Ustaw rozmiar, kolory tła/tekstu i tekst, a otrzymasz bezpośredni URL obrazu.
Szerokość
Wysokość
Preset
Kolor tła
Kolor tekstu
Format
| Format | 400 × 300px (PNG) |
|---|---|
| URL obrazu | 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"); |
- Bezpieczne
- Tylko użytkownicy znający URL obrazu mogą go zobaczyć.
Uwagi
Tagi zmienne
W tekście możesz używać własnych tagów zmiennych.
Pozwalają wstawiać rozmiar obrazu, kolory, łamania linii i inne.
| Tag | Opis | Przykład | Wynik |
|---|---|---|---|
{width} | Zastępowany szerokością wygenerowanego obrazu. | {width}px | 400px |
{height} | Zastępowany wysokością wygenerowanego obrazu. | {height}px | 300px |
{ratio} | Zastępowany proporcjami wygenerowanego obrazu. | {ratio} | 4:3 |
{back} | Zastępowany wygenerowanym kolorem tła. | Tło: {back} | Tło: #dddddd |
{color} | Zastępowany wygenerowanym kolorem tekstu. | Kolor tekstu: {color} | Kolor tekstu: #979797 |
{fmt} | Zastępowany formatem wygenerowanego obrazu. | Format: {fmt} | Format: PNG |
{br} | Wstawia znak nowej linii w tym miejscu. Jeśli w formularzu tego narzędzia wstawisz nową linię, zostanie ona dodana automatycznie. | Witaj{br}Świecie | Witaj Świecie |
Struktura URL obrazu
Adresy URL wygenerowane przez to narzędzie mogą być używane jako bezpośrednie linki.
Aby pobrać obraz bezpośrednio, użyj poniższej ścieżki.
- URL obrazu
- https://img.skin/
SzerokośćxWysokość/Kolor tła/Kolor tekstu
?text=Tekst&fmt=Format obrazu
| Wartość | Opis | Przykład | Opcjonalne |
|---|---|---|---|
| Szerokość | 1–5000 | 400 | Nie |
| Wysokość | 1–5000 | 300 | Nie |
| Kolor tła | Kolor hex / nazwa koloru / transparent | ff1493 / deeppink | Tak *1 |
| Kolor tekstu | Kolor hex / nazwa koloru / transparent | fff / white | Tak |
| Tekst | Dowolny tekst / tagi zmienne Jeśli pominięty, użyje '{width}×{height}'. | S:{width}px | Tak |
| Format obrazu | png / jpg / gif Jeśli pominięty, używany jest PNG. JPG i GIF nie mogą używać przezroczystego tła. | jpg | Tak |
*1 Nie można pominąć, gdy podano kolor tekstu (fontColor).