占位图生成器
按社交、广告和缩略图预设尺寸生成占位图，支持渐变或随机填充、对角线或网格图案、多行标签，以及 @2x 导出。
正在加载工具…
占位图生成器 — 从常用的社交、广告和缩略图预设中挑选尺寸或自行输入，选择纯色、渐变或随机生成的背景，并叠加对角线或网格图案。添加可放置在任意位置的多行标签，并自定义字体、字重和字号，然后导出 PNG、JPG、WebP 或 SVG——还可选择 @2x 以适配视网膜屏。所有内容都在浏览器中使用 canvas 和 SVG 接口绘制，你输入的任何信息都不会上传到服务器。
占位图生成器 是什么？
占位图生成器是一款免费的浏览器内工具，面向在搭建布局、原型、广告和组件库时需要填充图的设计师与前端开发者。可从 Instagram 帖子、YouTube 缩略图、OG 卡片，或 728×90 通栏广告之类的广告位预设开始，也可直接输入精确的像素尺寸。背景可设为单色、双色对角渐变或随机配色，叠加对角线或网格图案，并将多行标签放在九个位置中的任意一个，选用无衬线、衬线或等宽字体。打开尺寸叠加可在角落标出宽高，并导出为 PNG、JPG、WebP 或可复制的 SVG，位图格式还可选 @2x 视网膜倍率。
如何使用 占位图生成器
- 选择预设尺寸（社交、缩略图或广告）或直接输入精确的宽度和高度（像素）。
- 打开“设置”配置背景：纯色、双色渐变，或点击“随机”获得安全随机配色。
- 可选地叠加对角线或网格图案，并打开尺寸叠加。
- 输入标签——用换行可实现多行文本——再设置其位置、字体、字重和字号。
- 选择 PNG、JPG、WebP 或 SVG，并为位图启用 @2x 视网膜导出。
- 查看实时预览并点击“下载”（SVG 还可复制标记）。
示例
1080×1080 Instagram 帖子
选择 Instagram Post 预设，设置双色渐变背景，居中放置加粗的两行标签，下载一张可用于信息流样机的 PNG。
728×90 通栏广告
选择 Ad Leaderboard 预设，保留带网格图案的纯灰背景并开启尺寸叠加，导出一张 WebP 广告位填充图。
视网膜 YouTube 缩略图
选择 YouTube Thumbnail 预设（1280×720），启用 @2x 导出，下载一张在高密度屏幕上依旧清晰的 2560×1440 PNG。
常见问题
- 包含哪些预设尺寸？
- 社交尺寸（Instagram 帖子、竖版与快拍、Facebook 封面、X 帖子与页头、LinkedIn 横幅、YouTube 缩略图、OG 卡片）以及标准广告位（通栏、中矩形、宽摩天、巨幅）。选择其一即可填入宽高，或输入任意自定义尺寸。
- 背景和图案选项如何使用？
- 背景可为单色、双色对角渐变，或点击“随机”按钮获得随机配色（使用浏览器的安全随机数生成器）。之上还可叠加以文字颜色绘制的对角线或网格图案。
- 标签可以多行并重新定位吗？
- 可以。在标签框中换行即可实现多行文本，将文本块放在九个位置中的任意一个（上/中/下 × 左/中/右），并选用无衬线、衬线或等宽字体，配合常规或加粗字重及自动或固定字号。标签留空则自动打印尺寸。
- @2x 导出有什么作用？
- 对位图格式（PNG、JPG、WebP），它会以两倍像素尺寸渲染画布，使文件在视网膜和高 DPI 屏上保持清晰。SVG 本身与分辨率无关，因此不适用 @2x。
- 我的图片或文字会被上传到任何地方吗？
- 不会。每张占位图都完全在你的浏览器中使用 canvas 和 SVG 接口绘制，下载也在本地完成——你输入或生成的任何内容都不会发送到服务器，因此可离线使用并为你的工作保密。