Placeholder 占位图服务

占位图是临时的视觉元素,用于在真实图片未准备好 / 加载未完成时占据页面布局位置;英文对应 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=显示文本


发布评论

发布评论前请先 登录

评论列表 0

暂无评论