占位图是临时的视觉元素,用于在真实图片未准备好 / 加载未完成时占据页面布局位置;英文对应 placeholder。核心作用:防止页面重排抖动、提升开发 / 原型效率、给用户明确的加载反馈,适用场景:前端开发、UI 原型、CMS 内容编辑、图片懒加载、接口返回图片异常降级。
https://www.wenjiangs.com/placeholder
| 参数 | 说明 |
| w | 图片宽度,可选,整数,默认值:400 |
| h | 图片高度,可选,整数,默认值:300 |
| t | 图片文字内容,可选,20个以内,默认值:400x300 |
| tc | 文字颜色,可选,仅支持十六进制颜色值,3位或者6位,默认值:999 |
| bc | 背景颜色,可选,仅支持十六进制颜色值,3位或者6位,默认值:ccc |
默认尺寸是 400x300,可以使用 w 和 h 参数指定尺寸,最大图像尺寸为 4000 x 4000 像素,最小图像尺寸为 10 x 10 像素,注意尺寸怪异的尺寸可能导致图片上的文字无法正确显示。
https://www.wenjiangs.com/placeholder?w=200&h=100
默认背景色 #ccc,文字颜色 #999,可以使用 bc 和 tc 修改,由于#属于特殊字符,参数值仅支持16进制的颜色值,不支持颜色名。
https://www.wenjiangs.com/placeholder?w=200&h=100&bc=409eff&tc=fff
默认文本是图片尺寸,可以使用 t 指定文本
https://www.wenjiangs.com/placeholder?w=200&h=100&t=显示文本
