# 占位图生成器 - 在线生成任意尺寸占位图片，PNG / SVG / Data URI

> 免费在线占位图生成：自定义宽高、背景色、文字颜色与文案，字号自动适应，导出 PNG、JPG、WebP、SVG，批量尺寸打包 ZIP，并可复制 Data URI 或 SVG 代码。

- 网址: https://qilingtools.com/zh/image/placeholder
- 分类: 图片工具 (https://qilingtools.com/zh/image)
- 标签: [图片](https://qilingtools.com/zh/tags/image), [设计配色](https://qilingtools.com/zh/tags/design), [前端网页](https://qilingtools.com/zh/tags/frontend)
- 最后更新: 2026-10-26
- 价格: 免费，无需注册
- 隐私: 在浏览器本地处理，文件不上传服务器

做网页原型、排版设计稿、测试图片上传或给广告位预留位置时，经常需要一张“300×250”这样标好尺寸的占位图。输入宽和高（最大 8000 像素），选背景色与文字颜色，文字默认显示“宽×高”，也可以换成任意文案（支持中文），并可以在下方附上尺寸副标题、加一圈描边。字号会根据画面自动缩放到合适大小，也可以手动指定。内置常用尺寸：横幅广告（728×90、300×250、160×600 等）、社交媒体（Open Graph 1200×630、Instagram 1080×1080、Story 1080×1920、YouTube 封面、公众号封面）、头像图标和常见屏幕分辨率。可以下载 PNG、JPG、WebP 或 SVG，复制 SVG 代码，或者生成 Data URI 直接写进 HTML、CSS 或 Markdown；SVG 格式的 Data URI 只有几百字节。需要一套尺寸时，在批量框里每行写一个尺寸（可附文字），一键打包成 ZIP 下载。全部在浏览器本地生成，不依赖任何在线占位图服务。

## 使用步骤

1. 输入宽高或点选常用尺寸，设置背景色、文字颜色和文字
2. 选择导出格式 PNG / JPG / WebP / SVG
3. 下载图片、复制 SVG 代码或 Data URI，或在批量框中列出多个尺寸打包下载

## 功能特点

- 任意宽高，最大 8000×8000
- 自定义背景色、文字颜色、字体与文案（支持中文）
- 字号自动适应，可加尺寸副标题与描边
- 广告、社交媒体、头像、屏幕等常用尺寸预设
- 导出 PNG / JPG / WebP / SVG
- 一键复制 SVG 代码或 Data URI
- 多尺寸批量生成并打包 ZIP
- 纯本地生成，无需外链占位图服务

## 常见问题

### 和 placeholder.com、dummyimage 这类在线服务有什么区别？

那些服务通过链接实时返回图片，服务一旦下线或被墙，页面上的占位图就全部失效。这里生成的是真实文件或 Data URI，可以直接放进项目里，离线也能用。

### Data URI 该选什么格式？

推荐 SVG：几百字节就能描述任意尺寸的图片，写在 CSS 或 HTML 里非常短。PNG、JPG 的 Data URI 是 Base64 编码的位图，大尺寸时会有几十 KB。

### 批量生成怎么写？

在批量框中每行写一个尺寸，例如 300x250，也可以用 × 或 * 分隔；尺寸后面空一格可以写这张图的文字，如“728x90 顶部横幅”。所有图片使用上方设置的颜色、字体和格式，打包为一个 ZIP。

### 为什么 SVG 和 PNG 里的字体看起来略有不同？

SVG 中的文字由查看它的设备渲染，使用的是系统字体栈；PNG 在你的浏览器里渲染后固定成像素。两者布局一致，只是字体可能因设备不同而略有差别。

## 相关工具

- [PDF 转图片](https://qilingtools.com/zh/pdf/to-image): 免费在线 PDF 转图片工具：将 PDF 每一页渲染为高清 JPG 或 PNG 图片，可选 72/150/300 DPI，批量打包下载，本地处理不上传。
- [图片转 PDF](https://qilingtools.com/zh/pdf/from-image): 免费在线图片转 PDF 工具：把多张 JPG、PNG、WebP 图片按顺序合成一个 PDF，支持 A4 或按图片尺寸排版，本地处理不上传。
- [图片压缩](https://qilingtools.com/zh/image/compress): 免费在线图片压缩工具：批量压缩 JPG、PNG、WebP 图片体积，可调质量与最大尺寸，显示压缩前后对比，本地处理不上传。
- [图片改尺寸](https://qilingtools.com/zh/image/resize): 免费在线图片缩放工具：按像素宽高或百分比批量修改图片尺寸，可锁定比例，支持 JPG/PNG/WebP，本地处理不上传。
- [图片格式转换](https://qilingtools.com/zh/image/convert): 免费在线图片格式转换工具：把 JPG、PNG、WebP、GIF、BMP 等图片批量转换为 JPG、PNG 或 WebP，本地处理不上传。
- [图片加水印](https://qilingtools.com/zh/image/watermark): 免费在线图片水印工具：批量给图片添加文字水印，支持位置、平铺、透明度、字号、颜色设置，本地处理不上传。
- [长图拼接](https://qilingtools.com/zh/image/stitch): 免费在线图片拼接工具：把多张截图或照片按纵向/横向拼接成一张长图，可设置间距与背景色，本地处理不上传。
- [抠图去背景](https://qilingtools.com/zh/image/remove-bg): 免费在线抠图工具：AI 自动识别人像、商品、动物等主体，一键去除背景生成透明 PNG，也可换成白/红/蓝等纯色底（证件照换底色）。浏览器本地处理，图片不上传。