尺寸完全符合需要的占位图
输入宽度和高度，即可得到该尺寸的纯色图片，中间写着它的尺寸——在真实照片到位之前，布局所需的替身。可以更改颜色、写上自己的文字，然后下载为 PNG、JPEG、WebP 或 SVG，或复制为 data URI 直接粘贴到 HTML 或 CSS 中。一切都在你的浏览器中绘制。
如何生成占位图
- 1以像素为单位输入宽度和高度，或选择常用尺寸，如 300 × 250 或 1920 × 1080。
- 2文字留空则显示尺寸，也可以输入自己的文字——换行即开始第二行文字。
- 3选择背景色和文字颜色、字体以及文字大小。
- 4下载为 PNG、JPEG、WebP 或 SVG，复制图片，或复制用于
<img src>的 SVG data URI。
位图还是矢量图
- PNG, JPEG, WebP
- 宽高与你输入的完全一致的位图，适用于上传表单、设计文件以及任何需要真实图片文件的场合。
- SVG
- 几百字节的标记，可缩放到任意尺寸而不模糊。可直接内联粘贴，或使用 data URI，让占位图完全不需要文件。
恰好合适的文字
文字大小会自动适配图片：在大横幅上很大，在通栏广告（leaderboard）上较小，绝不会超出边缘。文字大小滑块可在此基础上缩放。
SVG 中的文字使用显示它的设备上的字体绘制，因此在另一台电脑上可能略有不同；位图格式在任何地方看起来都一样。
无需占位图服务
在线占位图服务可能会宕机，或因额外的请求拖慢页面。下载的文件或 data URI 可离线使用，而且永远不会变。
要把真实照片调整为适合某个平台的尺寸，请使用社交媒体图片尺寸调整工具；要用占位文字填充布局，请使用 Lorem Ipsum 生成器。
常见问题
- 占位图最大可以做多大？
- 每边最多 8000 像素。非常大的位图可能超出某些浏览器对 canvas 的限制；SVG 没有这种限制。
- 可以修改图片上的文字吗？
- 可以。在文本框中输入任意内容；留空则显示尺寸。按 Enter 换到第二行。
- 如何在没有文件的情况下使用占位图？
- 复制 data URI，将其用作图片的 src，或用作 CSS background-image 的 url()。整张图片都包含在这段文本中。
- 会上传任何内容吗？
- 不会。图片在你的浏览器中绘制，永远不会离开你的设备。