占位图生成器

设好尺寸和颜色,立即生成占位图——布局调试不再等设计师。

为什么自己生成占位图

搭原型、调布局时,一张「这里以后是张图」的占位图比空白框有用得多:它能暴露真实的排版效果、宽高比是否协调、文字压图时的可读性。自己生成的占位图完全可控——尺寸精确到像素、颜色贴合设计稿的色板、标签写明用途(如「封面 1200×630」),比随手找的网络图片更接近真实使用场景,也不用担心外站图片服务哪天打不开。

使用步骤

1. 输入宽高,选择格式与背景色、文字色,需要的话写上标签文字。
2. 点击「生成」,预览即时呈现。
3. 点击「下载」保存,拖进你的项目里用。

常见问题

选哪种格式?

占位用途选 PNG 最省事;确认最终用在照片位可选 JPEG 体积更小;WebP 兼容现代项目。

能做透明背景吗?

可以。选 PNG 格式并把背景色的透明度调到最低,即得透明占位图。

生成会被上传吗?

不会。占位图由浏览器内的 Canvas 即时绘制,全程本地。

隐私说明

占位图在浏览器内绘制,不产生任何网络请求。为内部项目提前占位、绘制未公开产品的示意图,都不会外泄。