占位图生成
生成指定尺寸、颜色与文字的占位图片,支持 PNG 下载与 Base64。
占位图生成是做什么的
排版页面或画原型时还没有正式图片,布局会塌陷看不出真实效果。设定宽高和颜色生成占位图,图上自动标注尺寸并画出中线,下载 PNG 或直接复制进设计稿,先按真实比例把版面搭起来。
核心功能
- 宽高 16 到 4000 像素任意设定
- 内置社交卡片、头像等五种预设尺寸
- 背景色文字色可调,文案自定义
- 可下载 PNG 或直接复制图片
占位图生成怎么用
设置宽高、背景色、文字颜色与文案,实时预览并可下载 PNG,常用于页面布局调试。
- 填写宽度高度,或从预设尺寸下拉选择
- 用取色器或色值设定背景色与文字色
- 开启自动显示尺寸时图上文字即宽高
- 点下载 PNG 保存,或点复制图片直接粘贴
适合这些场景
- 前端按社交卡片比例搭分享封面骨架
- 设计师画线框图时填充头像与横幅占位
- 老师准备排版课件需要固定尺寸图块
常见问题
能生成多种尺寸吗?
可以,改宽高后逐张下载;也可用预设尺寸下拉快速切换社交卡片 1200x630、头像 400x400 等常用规格。
有尺寸上限吗?
宽高均限制在 16 到 4000 像素之间,超出会按边界处理;接近上限的大图在部分设备上渲染会较慢。
图上的分割线能去掉吗?
可以,取消勾选显示像素分割线即可。分割线只是辅助观察对称布局,不会影响导出内容。
复制图片功能失败怎么办?
复制到剪贴板依赖较新的浏览器 API,失败时改用下载 PNG,再把文件插入目标位置即可。