🔲 占位图生成

前端切页面时图还没到位，又不想让布局塌掉——先塞一张标着尺寸的灰色 占位图 是最省事的办法。这个工具按你给的尺寸、背景色和占位文字（比如直接写上 300×200）生成图片，一键下载填进去。

典型场景：搭页面骨架时给每个图位放对应尺寸的占位块，方便对齐和看间距；设计稿里临时补图；或者做 Demo、原型时批量填充统一风格的假图，避免空白区显得像出错。

要分清的是，它生成的是一张 真实的静态图片文件，不是外链的占位图服务——尺寸是导出时就定死的，后面要换大小得重新生成一张，而不像某些在线占位服务那样改一下 URL 里的数字就变。正式上线前记得把这些占位图都换成真图。

常见问题

占位图有什么用？

前端开发时先用固定尺寸的灰底图占位，等真实图片就绪再替换，避免布局塌陷。

能自定义什么？

宽高、背景色、文字色、显示文字（默认显示尺寸）、导出格式（PNG/JPG/WebP）。

不用联网也能生成吗？

对，纯本地 Canvas 生成，比在线占位图服务（如 placehold.co）更快、更隐私。