生成创意 · 浏览器本地
占位图生成器 — 自定义尺寸 / 颜色 / 文字
在线生成占位图片:输入任意宽高,自定义背景色、文字颜色和文字内容,默认标注尺寸,导出 PNG / JPG / WebP。做网页原型、UI 稿、开发测试的 dummy 图。支持电脑、平板、手机浏览器,本地生成、不上传。
尺寸
×px
外观
实时预览
下载式生成(非 URL 即图服务),本地生成不经过服务器
支持电脑 · 平板 · 手机浏览器不上传服务器无水印本地处理
快速回答
占位图(placeholder / dummy image)是开发和设计时临时顶位置用的图片,通常显示自身尺寸(如 1280×720),方便一眼核对布局。本工具输入宽高即可实时生成:背景色、文字颜色可自定义,文字默认是尺寸标注、也可以改成任意内容,附 16:9 / 4:3 / 1:1 / 横幅 / 手机等常用预设,导出 PNG / JPG / WebP。注意这是下载式工具——生成的是真实图片文件,不是「URL 即图」的在线服务(那需要服务器,而本站所有工具都在浏览器本地运行、不经过服务器)。
When
什么时候需要
网页 / UI 原型
布局里图片位还没定稿,先用带尺寸标注的占位图顶上。
开发测试
测试上传、裁剪、列表渲染时需要指定尺寸的假图。
文档 / 演示配图
教程、PPT 里标注「此处放 800×600 图」比空白直观。
Trade-off
关于占位图
好处
- 任意尺寸 + 常用比例预设,实时预览
- 背景色 / 文字色 / 文字内容全可改
- PNG / JPG / WebP 导出,本地生成不上传
注意
- 下载式工具,不提供「URL 即图」的在线引用服务
- 需要 URL 引用的场景请下载后放进你自己的项目 / 图床
- 单边最大 7680px
FAQ
占位图常见问题
不能。那类服务靠服务器实时出图,而本站是纯前端、不经过服务器,所以是「生成后下载」的形态。下载的图放进你的项目里引用即可,还不依赖第三方服务的可用性。
可以,「自定义文字」输入任意内容就会替换默认的尺寸标注;留空则恢复显示尺寸。
一般用 PNG(无损、清晰);要更小体积用 WebP;要兼容老旧环境用 JPG。
不会,占位图用浏览器 Canvas 本地画出,不经过服务器。