占位图生成器 — 任意尺寸的占位图片
用你的配色和标签生成任意尺寸的占位图，并下载为 PNG、JPG、WebP 或 SVG。提供社交媒体、广告和首屏横幅预设。
data URL 可直接粘贴到 <img src> 或 CSS 背景中，制作无需外部请求的设计稿。
1200 × 630 px · 1.90:1
图片在你的浏览器中绘制；不会上传任何内容。 浏览全部免费工具.
发现问题，或者觉得哪里可以更好？每条消息我们都会阅读，并尽快修复。
这款免费的占位图生成器为原型、线框图和排版测试生成占位图片：选择尺寸或预设（1200 × 630 分享图、Instagram 方图、首屏横幅、通栏广告），选好颜色，加上标签，然后下载 PNG、JPG、WebP 或 SVG。图片上会印出尺寸，让看原型的人一眼就知道这里该放什么。
直接给你一个 URL 的占位图服务很方便，直到某天它变慢、被限流或干脆关停，你去年发给客户的提案里就满是失效的图片。生成的文件不会有这些问题。它也是测试的好帮手：一套尺寸精确的占位图，能在真实广告出现之前就发现在 300 × 250 下崩坏的版式。
使用方法
- 点击一个预设，或输入以像素为单位的宽度和高度。
- 设置背景色和文字颜色。浅灰底配中灰字一看就是占位图；用品牌色则能做出逼真的效果图。
- 添加“首屏图片”或“产品照片”之类的标签，并保留尺寸显示，让大小一目了然。
- 一般用途选 PNG，照片位选 JPG，网页选 WebP，需要缩放时选 SVG。
- 下载，或复制 SVG 代码或 data URL，直接粘贴到 HTML 或 CSS 中。
常见问题
什么是占位图？
在设计、原型或测试中临时代替最终图片使用的图片，通常是一块写有尺寸的纯色色块。它占住位置、显示宽高比，并清楚地表明真正的素材还没到位。
为什么要生成文件，而不是使用占位图 URL？
URL 依赖第三方服务永远在线、快速且免费，而文件不会。生成的文件还能离线使用，可用于邮件原型、PDF 以及任何无法获取远程图片的工具中，也不会把你的半成品泄露到某个服务的日志里。
应该选哪种格式？
PNG 是稳妥的默认选择。如果该位置将放照片，并且你希望原型文件大小贴近真实，就用 JPG。网页原型用 WebP。占位图需要无损缩放，或你想编辑代码（比如在模板中更改标签）时用 SVG。
这些图片可以用在正式网站上吗？
可以，但不宜长期使用。上线的占位图会告诉访客和搜索引擎页面还没完成。在测试环境和设计稿中使用它们；上线前换成真实图片。
2026 年社交媒体需要哪些尺寸？
链接分享图（Open Graph）：1200 × 630。Instagram 动态：1080 × 1080 或 1080 × 1350。快拍和 Reels：1080 × 1920。LinkedIn 和 X 动态图片：1200 × 627 两者通用。YouTube 缩略图：1280 × 720。预设已涵盖以上尺寸。
把占位图当作测试工具
为每个图片位按预定尺寸精确生成一张占位图，把这一套放进模板。任何被拉伸、裁剪或溢出的地方，都是你在真实照片到来之前发现的版式 bug。然后再为同样的位置生成比例不对的图片（该放宽图的地方放一张方图），看看版式如何应对内容编辑迟早会上传的各种图片。
相关免费工具
- Lorem Ipsum 生成器 — 按段落、句子或单词数生成 lorem ipsum 或可读的英文占位文字，输出为纯文本、HTML 或 Markdown。
- 图片尺寸调整 — 按百分比、精确像素尺寸或目标文件大小（如 500 KB）缩小图片——全部在浏览器中完成。
- SVG 编辑器 — 在画布上绘制图形、箭头、手绘线条和文字，然后下载干净的 SVG 或 PNG。免费，在浏览器中运行，无需注册。