▭
占位图生成
按指定尺寸与文字生成纯色占位图 PNG,前端切图占位、设计稿常用。
本地处理 · 不上传
加载工具中…
相关：占位图 · placeholder图片 · 占位图片 · 图片占位
占位图生成按指定尺寸与颜色生成占位图片，可标注尺寸文字。设计稿与原型中填充图片位置时用。占位图上标注尺寸文字很实用，一眼就能看出该位置期望的图片大小。
使用步骤
- 设置尺寸与颜色
- 按需添加标注文字
- 预览效果
- 下载图片或复制链接
使用场景
- 原型设计中填充图片位
- 前端开发时的临时素材
- 测试不同尺寸的布局表现
- 制作演示材料
小贴士
- 占位图上标注尺寸文字很实用，一眼就能看出该位置期望的图片大小。
- 使用与最终图片相近的宽高比，否则替换真图后布局会跳变。
- 上线前务必检查是否还有遗留的占位图，这是常见的低级事故。
常见问题
占位图该用什么颜色？
通常用中性灰。它既不会与设计中的其他颜色冲突，也足够明显地表明「这里还不是最终内容」，不容易被误认为已完成的设计。
尺寸要和真图一样吗？
宽高比必须一致，否则替换真图后布局会跳变。具体像素可以不同，但比例应当匹配，这样才能真实反映最终的排版效果。
会不会忘记替换？
确实有真实的上线事故。建议占位图上带明显的标注文字，并在发布前用搜索确认代码中不再引用占位图地址。
占位图生成是免费的吗？
是。本站所有工具完全免费，无需注册登录、无广告干扰，打开即用。
使用占位图生成，我的数据安全吗？
安全。该工具在你的浏览器本地完成处理，输入内容不会上传到服务器，隐私更有保障。