占位图生成器
生成任意尺寸的占位图,支持 SVG、PNG、JPG 三种格式——自定义颜色与文字,即时预览,可下载文件或直接复制 SVG 标记。
宽度(像素)
高度(像素)
背景色
文字颜色
文字(可选)
全部在本地生成:SVG 是可直接粘贴进项目的纯标记,PNG/JPG 由浏览器画布即时渲染。
该工具完全在你的浏览器中运行,数据不会离开你的设备,不会上传到任何服务器。
使用方法
- 1输入以像素为单位的宽度和高度。
- 2设置背景色与文字色,可选填一行文字(默认显示尺寸)。
- 3下载为 SVG、PNG 或 JPG——或复制 SVG 标记粘贴到任何地方。
占位图生成器
做原型和线框图时,真实素材往往还没到位,但版面里需要图片占位。输入宽高——首图 1200×630、头像 256×256,或 1×1 到 5000×5000 之间的任意尺寸——选好背景色和文字色,按需加一行文字,占位图随输入实时呈现。
结果可下载为 SVG、PNG 或 JPG,也可以直接复制 SVG 标记:它是几行可读的标签而非 base64 长串,粘进 HTML、JSX 或 Figma 后还能继续手改文字和颜色。全部在浏览器本地生成,不上传任何内容。
常见问题
什么时候该用 SVG 而不是 PNG 或 JPG?
SVG 是文本:体积极小、无限缩放、可手工编辑,适合原型、文档和对内联 SVG 友好的布局。PNG 更适合会破坏内联 SVG 的平台(部分 CMS 和聊天工具),JPG 适合照片感占位、文件更小。三种格式的预览效果完全一致。
尺寸和颜色有什么限制?
宽高必须是 1–5000 之间的整数(像素);颜色必须是十六进制格式——#RRGGBB 或简写 #RGB。非法输入会得到明确提示,而不是悄悄生成坏图。
数据会被上传吗?
不会。SVG 由浏览器里的字符串模板拼出,位图版本由本地画布渲染。没有任何数据离开页面,离线可用,也适合未发布的设计稿。
相关工具
嵌入这个工具
一行代码把工具放到你的网站——它在访客的浏览器里运行。
<iframe src="https://zoyku.com/zh/tools/placeholder-image-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — placeholder-image-generator" loading="lazy"></iframe>100% 本地处理