占位图生成是什么
页面还没真实内容时，需要一张尺寸合适的图把版面撑起来，才能检验字号、行距、间距是否合理。
这个工具能做什么
- 任意宽高，最大 8000×8000
- 双色渐变背景可自定义
- 自动标注尺寸或自定义文字
- 文字颜色按背景明暗自动切换
怎么使用（输入说明）
- 填宽高，或用预设尺寸
- 选渐变起始色与结束色
- 点生成预览
- 下载或复制 data URL
使用时的几个注意点
- 占位图尺寸尽量接近最终内容，避免替换后版面跳动
- 复制 data URL 可以直接内联进 HTML 调试
- 渐变色对比别太强，会抢走真实内容的注意力
实例
1600×900、灰渐变、自动标注尺寸，生成一张 20 KB 左右的 PNG。
常见问题 FAQ
Q：占位图和示例图有什么区别？
A：占位图只用于占据版面、验证布局，本身没有内容意义；示例图是真实内容的示范。这个工具生成的是前者，画面对角带叉，一眼能看出是占位。
Q：文字颜色能自己改吗？
A：工具会按背景色的明暗自动切换深色或浅色文字，保证对比度够看。想要自定义请先关掉「图上标注尺寸」再用自定义文字。
Q：可以生成很大的图吗？
A：最大支持 8000×8000。不过占位图一般不需要太大，1600×900 足够覆盖大多数横版场景。