占位图生成

生成指定尺寸、颜色与文字的占位图片,支持 PNG 下载与 Base64。

占位图生成是做什么的

排版页面或画原型时还没有正式图片,布局会塌陷看不出真实效果。设定宽高和颜色生成占位图,图上自动标注尺寸并画出中线,下载 PNG 或直接复制进设计稿,先按真实比例把版面搭起来。

核心功能

  • 宽高 16 到 4000 像素任意设定
  • 内置社交卡片、头像等五种预设尺寸
  • 背景色文字色可调,文案自定义
  • 可下载 PNG 或直接复制图片

占位图生成怎么用

设置宽高、背景色、文字颜色与文案,实时预览并可下载 PNG,常用于页面布局调试。

  1. 填写宽度高度,或从预设尺寸下拉选择
  2. 用取色器或色值设定背景色与文字色
  3. 开启自动显示尺寸时图上文字即宽高
  4. 点下载 PNG 保存,或点复制图片直接粘贴

适合这些场景

  • 前端按社交卡片比例搭分享封面骨架
  • 设计师画线框图时填充头像与横幅占位
  • 老师准备排版课件需要固定尺寸图块

常见问题

能生成多种尺寸吗?

可以,改宽高后逐张下载;也可用预设尺寸下拉快速切换社交卡片 1200x630、头像 400x400 等常用规格。

有尺寸上限吗?

宽高均限制在 16 到 4000 像素之间,超出会按边界处理;接近上限的大图在部分设备上渲染会较慢。

图上的分割线能去掉吗?

可以,取消勾选显示像素分割线即可。分割线只是辅助观察对称布局,不会影响导出内容。

复制图片功能失败怎么办?

复制到剪贴板依赖较新的浏览器 API,失败时改用下载 PNG,再把文件插入目标位置即可。