什么时候该用 SVG 占位图？
网页骨架屏、响应式布局和需要多尺寸复用的场景优先选 SVG：它是矢量格式，任意缩放不失真，还能直接把代码内嵌进 HTML，省一次网络请求。
尺寸（16 ~ 4096）
×
样式
自定义#1E1B4B · #6366F1
文字
0%
输出格式
实时预览
1200 × 630
调整尺寸与样式后即可下载，SVG 可无限缩放不失真。
1200×630 是什么尺寸？
这是 Open Graph 分享卡的标准比例，微信、Twitter 等平台的链接预览图都按它裁切；做社交分享配图时选这个预设最稳妥。
隐私说明
所有处理均在浏览器本地完成，图片不会上传服务器，关闭页面后不留任何痕迹。
如何使用占位图生成？
设置宽高或选择常用预设尺寸。
挑选纯色 / 渐变 / 网格 / 斜纹样式与配色，按需叠加文字。
选择 PNG 或 SVG 输出，下载文件或复制 SVG 代码。
常见问题
SVG 和 PNG 两种格式怎么选？
SVG 是矢量格式，任意缩放不失真、文件极小，适合网页开发直接内联；PNG 是位图，兼容一切场景。需要后期缩放或嵌代码选 SVG，普通配图选 PNG。
能生成社交媒体封面尺寸吗？
可以。预设里包含 OG 封面 1200×630、高清壁纸 1920×1080 等常用尺寸，选好样式后直接下载就是合规尺寸的占位或封面图。
「复制 SVG 代码」有什么用？
复制的是完整 SVG 源码，可以直接粘贴进 HTML、React / Vue 组件或设计工具，无需经过文件下载，开发和设计协作时特别方便。
圆角在 SVG 导出里生效吗？
圆角目前只作用于预览和 PNG 导出；SVG 按标准矩形输出（矢量场景通常由外层 CSS 控制圆角），有需要时可用 CSS border-radius 或 rx 属性处理。