Dummy-Bild-Generator
Erzeuge Platzhalterbilder für Mockups und Wireframes.
Lege Bildgröße, Hintergrund-/Textfarben und Text fest und erhalte eine direkt verlinkbare Bild-URL.
Breite
Höhe
Preset
Hintergrundfarbe
Textfarbe
Format
| Format | 400 × 300px (PNG) |
|---|---|
| Bild-URL | 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"); |
- Sicher
- Nur Nutzer, die die Bild-URL kennen, können es ansehen.
Hinweise
Variablen-Tags
Im Text kannst du eigene Variablen-Tags verwenden.
Damit kannst du Bildgröße, Farben, Zeilenumbrüche und mehr einbetten.
| Tag | Beschreibung | Beispiel | Ergebnis |
|---|---|---|---|
{width} | Wird durch die erzeugte Bildbreite ersetzt. | {width}px | 400px |
{height} | Wird durch die erzeugte Bildhöhe ersetzt. | {height}px | 300px |
{ratio} | Wird durch das Seitenverhältnis des erzeugten Bildes ersetzt. | {ratio} | 4:3 |
{back} | Wird durch die erzeugte Hintergrundfarbe ersetzt. | Hintergrund: {back} | Hintergrund: #dddddd |
{color} | Wird durch die erzeugte Textfarbe ersetzt. | Textfarbe: {color} | Textfarbe: #979797 |
{fmt} | Wird durch das erzeugte Bildformat ersetzt. | Format: {fmt} | Format: PNG |
{br} | Fügt an dieser Stelle einen Zeilenumbruch ein. Wenn du im Formular dieses Tools einen Zeilenumbruch einfügst, wird er automatisch eingefügt. | Hallo{br}Welt | Hallo Welt |
Aufbau der Bild-URL
Die von diesem Tool erzeugten Bild-URLs können als Direktlinks verwendet werden.
Um ein Bild direkt anzufordern, verwende den untenstehenden Pfad.
- Bild-URL
- https://img.skin/
BreitexHöhe/Hintergrundfarbe/Textfarbe
?text=Text&fmt=Bildformat
| Wert | Beschreibung | Beispiel | Optional |
|---|---|---|---|
| Breite | 1–5000 | 400 | Nein |
| Höhe | 1–5000 | 300 | Nein |
| Hintergrundfarbe | Hex-Farbe / Farbname / transparent | ff1493 / deeppink | Ja *1 |
| Textfarbe | Hex-Farbe / Farbname / transparent | fff / white | Ja |
| Text | Beliebiger Text / Variablen-Tags Wenn weggelassen, wird '{width}×{height}' verwendet. | B:{width}px | Ja |
| Bildformat | png / jpg / gif Wenn weggelassen, wird PNG verwendet. JPG und GIF können keinen transparenten Hintergrund verwenden. | jpg | Ja |
*1 Kann nicht weggelassen werden, wenn die Textfarbe (fontColor) angegeben ist.