占位图生成器

生成自定义尺寸、颜色、渐变和文字的占位图。支持 PNG、JPG、SVG、WebP 格式及 Retina 高清输出。

预览
下载前先查看生成的占位图效果。
当前尺寸: 800 × 600800 × 600
占位图生成器
选项
调整尺寸、背景、文字和导出设置。
尺寸

选择预设尺寸,或输入精确的像素宽高。

背景

可使用纯色背景,也可切换到渐变背景。

#d4d4d8
文字

添加自定义文本,并控制它在画面中央的显示方式。

#52525b
缩放
质量
90%

质量设置会影响 JPEG 和 WebP 导出。

下载

预设: 800 × 600

导出为 PNG、SVG、JPEG 或 WebP。

这个工具能做什么

这个占位图生成器可以直接在浏览器中创建自定义尺寸、纯色或渐变背景、带居中文字的占位图。你可以将结果导出为 PNG、SVG、JPEG 或 WebP,并支持 2x、3x Retina 高清版本。

它有什么用

它适合用在设计稿占位、CMS 初始内容、空状态页面、社交媒体版式规划,或接口返回前的占位素材。当你需要一个尺寸和风格都可控的快速图片时,不必再打开设计软件。

使用方式

先选择预设尺寸,或手动输入宽高。然后设置纯色或渐变背景,按需添加自定义文字,再调整字体大小、导出倍率和质量。预览会即时更新,你可以直接下载适合当前工作的格式。

使用建议

  • 如果希望自动显示尺寸信息,可以将文字输入框留空。
  • 横幅或封面类占位图更适合使用渐变,通用型占位图更适合纯色背景。
  • 需要可无限缩放时优先导出 SVG;需要位图时再选择 PNG、JPEG 或 WebP。