占位图生成器
填宽高和颜色,点“生成”,下载 PNG 或 SVG 占位图。图片在你的浏览器里本地画出来,不会请求任何外部图片服务。
使用限制
- 宽和高都要在 1 到 4096 之间,并且总像素不超过 16777216(4096×4096),这是为了避免浏览器画布的面积限制(部分手机浏览器上限约在这个数量级,具体值因设备而异,以你设备上的实际效果为准)。
- 文字用你系统上的无衬线字体绘制,所以同一段文字在不同电脑上的字形可能略有差别;SVG 里的文字同样由查看者的系统字体决定。
- 图片很小、字号算出来小于 6 像素时不画文字。
- 只生成纯色背景加居中文字的占位图,不含渐变、图案或外部图片。
使用方法
- 填写宽度和高度,或从“常用尺寸”里选一个;设置背景颜色,文字颜色默认自动选黑或白。
- 文字留空时显示“宽×高”;也可以写任意文字(含中文),字号会自动缩放到放得下。
- 选 PNG 或 SVG,点“生成”预览,再点“下载”保存。文件名是
placeholder-宽x高.png或.svg,例如placeholder-300x200.png。 - SVG 也可以点“复制 SVG 代码”,直接粘贴进网页或设计稿。
常见问题
为什么不用在线占位图服务?
外部服务可能失效、变慢,还会泄露你的访问信息;这里直接在本地生成,可以离线用,也不依赖第三方。
文字颜色“自动”是怎么选的?
分别计算黑色和白色相对背景的对比度(WCAG 相对亮度公式),选对比度更高的一个。
我的内容会被上传吗?
不会,图片在你的浏览器里生成。