Dummy Image Generator

Generate placeholder images for mocks and wireframes. Set image size, background/text colors, and text, and get a direct-link image URL.
Width
Height
Preset
Background color
Text color
Format
400x300
Format400 × 300px (PNG)
Image URLhttps://img.skin/400x300
HTML<img src="https://img.skin/400x300" alt="400×300" width="400" height="300">
CSSbackground-image: url("https://img.skin/400x300");
Safe
Only users who know the image URL can view it.

Notes

Variable tags

You can use custom variable tags in the text.
They let you embed image size, colors, line breaks, and more.

TagDescriptionExampleResult
{width}
Replaced with the generated image width.{width}px400px
{height}
Replaced with the generated image height.{height}px300px
{ratio}
Replaced with the generated image aspect ratio.{ratio}4:3
{back}
Replaced with the generated background color.Background: {back}Background: #dddddd
{color}
Replaced with the generated text color.Text color: {color}Text color: #979797
{fmt}
Replaced with the generated image format.Format: {fmt}Format: PNG
{br}
Inserts a line break at that position.
If you insert a line break in this tool's form, it will be inserted automatically.
Hello{br}WorldHello
World

Image URL structure

Image URLs generated by this tool can be used as direct links.
To request an image directly, use the path below.

Image URL
https://img.skin/WidthxHeight/Background color/Text color
?text=Text&fmt=Image format
ValueDescriptionExampleOptional
Width1–5000400No
Height1–5000300No
Background colorHex color / color name / transparentff1493 / deeppinkYes *1
Text colorHex color / color name / transparentfff / whiteYes
TextAny text / variable tags
If omitted, it becomes '{width}×{height}'.
W:{width}pxYes
Image formatpng / jpg / gif
If omitted, PNG is used. JPG and GIF cannot use a transparent background.
jpgYes
*1 Cannot be omitted when text color (fontColor) is specified.