占位图生成器

设置占位图样式与内容,生成骨架屏、模糊占位和文字图片,用于界面设计与开发。

免费浏览器
Centered size text such as 600x400.
Preview
600x400 / dimensions
Output

关于占位图生成器

按尺寸和视觉模式生成本地 SVG 占位图。真实图片尚未准备好时,可使用尺寸标签、首字母、骨架屏样式等预设补齐原型素材。

如何使用占位图生成器

  1. 设置占位图宽度和高度。
  2. 选择显示模式,调整文字或颜色。
  3. 复制或下载 SVG,用于原型。

输入与输出示例

输入与设置
宽度:800
高度:450
模式:尺寸标注
预期输出
带尺寸标注的 800 × 450 SVG 占位图。

适用场景

  • 在页面原型中预留图片空间。
  • 使用本地资源替代外部占位图服务。

使用前需要了解的限制

预设为合成 SVG 图形,并非图库照片。静态占位图也不能完整模拟真实加载过程。

数据处理与费用

核心操作在浏览器中完成,工具输入不会上传处理。网站仍可能使用会话 Cookie,并按隐私政策收集运行或使用数据。

在浏览器中免费使用,无需登录。

常见问题

在开发和 mock 场景下可以。它会生成本地 SVG 占位图,不依赖第三方图片 URL。

包含尺寸文字、随机文本、lorem 文本块、首字母、ASCII 风格、骨架屏、shimmer 状态、模糊占位和照片风 SVG。

可以。宽高控件会同时更新预览和生成的 SVG 输出。

相关工具