代码、数据与二维码工具

SVG 占位图生成器

选择常用尺寸或自定义尺寸,设置颜色及文字对齐并预览占位图。同一固定设计可导出为 SVG 或栅格 PNG。

优先本地处理无需注册隐私说明 ↗

每边 1–2,000 像素,最多 4 百万像素。

每边 1–2,000 像素,最多 4 百万像素。

8 至 200 像素。

最多 80 个字符。标签留空时使用当前宽 × 高。

输出上限:4 百万像素、SVG 标记 6,000 字符、数据 URI 20,000 字符。PNG 在本地按所选尺寸栅格化。长文字不换行,可能被裁切。

实时预览

生成的占位图

生成的 SVG 占位图预览

下方预览使用同一个已生成的数据 URI。用于设计前请检查文字和对比度。

使用步骤

如何使用

  1. 选择预设或每边 1–2,000 像素的整数尺寸。
  2. 设置颜色、8–200 像素字号、对齐、最多 80 字符标签及可选对角线。
  3. 检查预览后复制 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 标记吗?

不能。与号、引号和尖括号会转义并作为文字显示。