占位图生成器
为原型和线框图生成占位图片。
设置图片尺寸、背景/文字颜色与文本，即可获得可直接访问的图片 URL。
宽度
高度
预设
背景颜色
文字颜色
格式
| 格式 | 400 × 300px (PNG) |
|---|---|
| 图片 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"); |
- 安全
- 只有知道图片 URL 的用户才能查看。
说明
变量标签
你可以在文本中使用自定义变量标签。
它们可以嵌入图片尺寸、颜色、换行等信息。
| 标签 | 说明 | 示例 | 结果 |
|---|---|---|---|
{width} | 替换为生成图片的宽度。 | {width}px | 400px |
{height} | 替换为生成图片的高度。 | {height}px | 300px |
{ratio} | 替换为生成图片的宽高比。 | {ratio} | 4:3 |
{back} | 替换为生成的背景颜色。 | 背景: {back} | 背景: #dddddd |
{color} | 替换为生成的文字颜色。 | 文字颜色: {color} | 文字颜色: #979797 |
{fmt} | 替换为生成的图片格式。 | 格式: {fmt} | 格式: PNG |
{br} | 在该位置插入换行。 如果你在本工具表单中输入换行，会自动插入。 | 你好{br}世界 | 你好 世界 |
图片 URL 结构
本工具生成的图片 URL 可作为直链使用。
如需直接请求图片，请使用以下路径。
- 图片 URL
- https://img.skin/
宽度x高度/背景颜色/文字颜色
?text=文本&fmt=图片格式
| 值 | 说明 | 示例 | 可省略 |
|---|---|---|---|
| 宽度 | 1–5000 | 400 | 否 |
| 高度 | 1–5000 | 300 | 否 |
| 背景颜色 | 十六进制颜色 / 颜色名 / transparent | ff1493 / deeppink | 是 *1 |
| 文字颜色 | 十六进制颜色 / 颜色名 / transparent | fff / white | 是 |
| 文本 | 任意文本 / 变量标签 省略时为 '{width}×{height}'。 | W:{width}px | 是 |
| 图片格式 | png / jpg / gif 省略时使用 PNG。JPG 与 GIF 不能使用透明背景。 | jpg | 是 |
*1 当指定文字颜色（fontColor）时不可省略。