在线占位图生成器

自定义尺寸、配色与文案,本地 Canvas 生成 PNG / JPEG / WebP,适合开发与原型占位。

生成占位图后显示链接...
×

怎么用

  1. 设定宽高或点预设
  2. 调整背景色、文字色与文案
  3. 选择 PNG / JPEG / WebP
  4. 下载图片,或复制 Data URL / 模拟链接

什么是占位图?

占位图用于在真实素材未就绪时填充布局。典型占位图包含背景色与尺寸/说明文字,体积小、加载快,方便前端与设计并行推进。

本工具特点

推荐场景

使用注意

上线前请替换为真实图片并补充有意义的 alt。模拟链接适合演示,高流量生产环境应托管到自有 CDN。过大尺寸可能占用内存,请按需设置。

FAQ

图片会上传吗? 不会。使用 HTML5 Canvas 在浏览器本地绘制并导出。

模拟链接能直接用于生产吗? 仅适合演示。生产环境请下载后放到自有 CDN/服务器。

支持哪些格式? PNG、JPEG、WebP,下载时按所选格式导出。

默认文字是什么? 未填写自定义文本时显示「宽 × 高」。