自动字号只是估算,不会自动换行,也不保证文字适合所有画布。可缩短文字、增大画布,或关闭自动字号并使用更小的字体。请检查生成后的文件。
占位图生成器
用尺寸、颜色和简短文字生成静态占位图。可生成 PNG、JPG、WebP 或 SVG 下载文件,也可复制独立的 SVG 图片链接,用于页面布局。
设置尺寸、颜色和文字
在正式图片尚未准备好时,用占位图预留图片区域。无需上传原图。
宽度和高度
每边可填 1–4,000 px,初始尺寸为 800×600。
快捷尺寸
提供 300×300、300×250、1200×630 和 1920×1080,也可以手动输入 728×90 等尺寸。
背景色和文字颜色
通过取色器或 HEX 色值选择两种纯色。背景不透明。
显示文字
默认显示尺寸。开启自定义文字后,最多使用 100 个字符;文字为空时会改为显示尺寸。
字号
初始开启自动字号,关闭后可填写 8–200 px。文字过长或画布过小时,仍可能被截断。
| 设置 | 可用选项 |
|---|---|
| 宽度和高度 | 每边可填 1–4,000 px,初始尺寸为 800×600。 |
| 快捷尺寸 | 提供 300×300、300×250、1200×630 和 1920×1080,也可以手动输入 728×90 等尺寸。 |
| 背景色和文字颜色 | 通过取色器或 HEX 色值选择两种纯色。背景不透明。 |
| 显示文字 | 默认显示尺寸。开启自定义文字后,最多使用 100 个字符;文字为空时会改为显示尺寸。 |
| 字号 | 初始开启自动字号,关闭后可填写 8–200 px。文字过长或画布过小时,仍可能被截断。 |
制作深色占位图时,可尝试 #1f2937 这样的深色背景与 #f9fafb 这样的浅色文字。请按图片实际展示大小检查可读性。
如何生成占位图
选择图片尺寸
输入宽高或选择快捷尺寸。需要联动宽高时,先设置好想要的比例,再开启比例锁;接近尺寸上限时,请重新核对两个数值。
设置颜色和文字
保留默认尺寸文字,或输入简短的自定义文字。文字太长时,可调整字号。
下载文件或复制链接
选择输出格式并点击“生成图片”,等待任务完成后从结果列表下载。“复制 URL”和“复制 HTML”是独立操作,使用的是 SVG 图片接口。
选择下载文件或 SVG 图片链接
格式选择器决定生成文件的格式,不会改变复制链接返回的图片格式。
生成图片
在服务器上生成所选的 PNG、JPG、WebP 或 SVG,默认为 PNG。
JPG 或 WebP 质量
可选「适度压缩」、「平衡」、「高画质」、「最高画质」,初始为「高画质」。两者均采用有损编码,「最高画质」不是无损模式。
复制 URL
复制按链接中的尺寸、颜色和文字返回 SVG 的地址,无需先提交下载文件生成任务。
复制 HTML
复制引用同一 SVG 地址的图片标签。修改下载格式或质量不会改变这个链接。
| 操作 | 结果 |
|---|---|
| 生成图片 | 在服务器上生成所选的 PNG、JPG、WebP 或 SVG,默认为 PNG。 |
| JPG 或 WebP 质量 | 可选「适度压缩」、「平衡」、「高画质」、「最高画质」,初始为「高画质」。两者均采用有损编码,「最高画质」不是无损模式。 |
| 复制 URL | 复制按链接中的尺寸、颜色和文字返回 SVG 的地址,无需先提交下载文件生成任务。 |
| 复制 HTML | 复制引用同一 SVG 地址的图片标签。修改下载格式或质量不会改变这个链接。 |
设置和文字会发送至服务器。拿到复制链接的人可以读取其中的文字和设置。需要保留的文件请下载保存,任务结果属于临时文件。
用占位图确认下一步布局
按正在设计的图片区域选择尺寸。
卡片、头像区域与横幅
300×300 可表示正方形头像区域,728×90 可表示较宽的横幅。加上简短的用途标签,方便后续替换正式图片。
调整已有图片的尺寸
如果已经有图片,可使用图片尺寸调整工具。本生成器制作的是带文字的纯色矩形。
简单占位图不能预测最终照片的文件体积或加载表现。发布前请用正式素材检查。
占位图常见问题
该链接根据设置生成图片,依赖本服务可用,与下载任务的文件地址不同。正式项目中需要自行管理的素材,建议下载后放到自己的项目中托管。SVG 文字在不同查看器中的显示可能不同。
当前表单生成一张带纯色背景和文字的静态图片,没有透明背景或动画控件。