占位图生成器
输入宽高、背景色与文字，本地画布生成指定尺寸占位图，一键下载 PNG。
占位图生成器
输入尺寸与文字，本地画布生成占位图并下载 PNG
使用说明
📖 工具介绍
占位图生成器是一款在设计与前端开发中非常实用的免费在线工具。当网页或设计稿还在排版阶段、真实图片尚未就绪时，通常需要一张标明尺寸的灰色占位图来撑住版面，避免布局塌陷。本工具让你输入宽度与高度像素、挑选背景色与文字色，再填入想要显示的占位文字，如果留空则自动显示宽乘高，画布会在浏览器本地按你指定的真实分辨率绘制这张图，你可以即时预览并一键下载为无损 PNG。字号会根据图片最短边自动缩放，保证文字在 1×1 到 2000×2000 的范围内都清晰居中。无论是给文章配图位、给幻灯片预留画幅，还是给原型稿标注区块尺寸，都能几秒生成。整个过程不依赖任何远程占位服务，图片不会上传，隐私与离线可用性都有保障，界面支持简中、繁中与英文三语，手机电脑均可使用。
✨ 功能特点
- 真实分辨率绘制：画布按你输入的宽高像素生成，导出即实际尺寸
- 自由配色：背景色与文字色各自取色，对比即时可见
- 自定义文字：可标注区块用途，留空则自动显示宽×高
- 自动字号：文字大小随最短边缩放，保证清晰居中
- 无损 PNG 下载：一键导出，适合直接放入设计稿或网页
- 本地生成：全程在浏览器画布完成，不上传任何图片
📝 使用方式
- 输入占位图的宽度与高度像素（范围 1~2000）
- 用取色器选择背景色与文字色
- 在占位文字框输入想要显示的内容，留空则显示宽×高
- 点击生成占位图，在右侧预览确认效果
- 点击下载 PNG，保存到本地即可使用
⚠️ 注意事项
- 尺寸范围：宽高限制在 1 到 2000 像素之间，超出会收到提示
- 文字渲染：占位文字通过画布安全绘制，特殊字符不会出错
- 导出格式：固定导出 PNG，保证边缘清晰无损
- 预览缩放：预览区会等比缩小大图，下载的才是真实分辨率
- 本地处理：图片在浏览器内绘制与导出，不产生任何网络请求