SVG 占位图生成器
选择常用尺寸或自定义尺寸,设置颜色及文字对齐并预览占位图。同一固定设计可导出为 SVG 或栅格 PNG。
每边 1–2,000 像素,最多 4 百万像素。
每边 1–2,000 像素,最多 4 百万像素。
8 至 200 像素。
最多 80 个字符。标签留空时使用当前宽 × 高。
输出上限:4 百万像素、SVG 标记 6,000 字符、数据 URI 20,000 字符。PNG 在本地按所选尺寸栅格化。长文字不换行,可能被裁切。
实时预览
生成的占位图
下方预览使用同一个已生成的数据 URI。用于设计前请检查文字和对比度。
使用步骤
如何使用
- 选择预设或每边 1–2,000 像素的整数尺寸。
- 设置颜色、8–200 像素字号、对齐、最多 80 字符标签及可选对角线。
- 检查预览后复制 SVG 或数据 URI,或下载 SVG、PNG。
有界占位图片
每边为 1–2,000 整数像素,最多 4 百万像素。标签最多 80 字符,字号为 8–200 像素。SVG 标记上限 6,000 字符,编码数据 URI 上限 20,000 字符。预设包含方形、横向及高清尺寸。
固定形状及转义文字
仅生成矩形、文字及可选固定对角线。标签进行 XML 转义,无效 XML 字符被替换,颜色须为六位十六进制值。不接受任意 SVG、外部图片、脚本或远程字体。系统字体因设备而异;文字不换行,小尺寸下可能被裁切。
本地 SVG 与 PNG 导出
保留 SVG 和数据 URI。PNG 使用浏览器 Image 解码和 Canvas 按选定尺寸导出,并核对返回的 image/png 类型。修改输入会使待导出结果失效;临时图片和下载 URL 会清理。不上传或存储内容。
常见问题
你可能还想知道
可以制作一像素图片吗?
可以,每边均支持 1–2,000 像素。标签或线条可能太小而不可见。
PNG 和 SVG 一样吗?
PNG 是生成 SVG 按所选尺寸的栅格图像,不是矢量文件。字体可能因浏览器而异。
标签可以插入 SVG 标记吗?
不能。与号、引号和尖括号会转义并作为文字显示。