本文目录
什么是占位图生成器？
占位图生成器可创建带有自定义尺寸、颜色和文字的空白或带标注图片。这些图片在开发、线框绘制和设计原型阶段替代真实内容——让团队无需等待最终素材即可构建版面。
与需要发起网络请求的外部占位服务不同，客户端生成器使用 Canvas API 在浏览器中即时生成图片。你可精确控制宽度、高度、背景色、文字颜色和输出格式，然后一键下载或复制结果。
图片是如何生成的
生成器使用 HTML Canvas API 完全在浏览器中绘制图片。整个过程不涉及服务器——你的尺寸和颜色在本地渲染，并导出为可下载的文件。
- Canvas 渲染——按指定尺寸创建一个隐藏的 canvas 元素，填充你选定的背景色，并以居中文字标注尺寸
- 自定义颜色和文字——使用十六进制值设置任意背景色和文字颜色（例如 #6366f1），并可选择用自定义文字覆盖默认的尺寸标注
- 格式选项——导出为无损画质的 PNG、文件更小的 JPEG，或压缩率与画质比最佳、适用于现代浏览器的 WebP
免费试用 —— 无需注册
生成占位图 →何时使用占位图
在产品开发中任何最终视觉内容尚未就绪的阶段，占位图都很有用。
- 线框绘制——用尺寸恰当的占位图填充线框中的图片位，向相关方传达预期的宽高比
- 前端开发——用正确尺寸的占位图构建响应式版面，避免开发期间出现图片损坏或缺失的状态
- 设计原型——用一致的占位块创建可用于演示的原型，而不是用会分散版面注意力的随机图库照片
常见问题
支持哪些图片格式？
生成器支持 PNG、JPEG 和 WebP 格式。PNG 生成支持透明的无损图片（适合需要透明背景的占位图）。JPEG 采用有损压缩，文件更小。WebP 提供最佳的画质与体积比，所有现代浏览器均支持。
最大尺寸是多少？
生成器支持最大 4096 x 4096 像素的图片。这涵盖了从小缩略图（64 x 64）到主视觉横幅（1920 x 1080）以及视网膜屏幕（2 倍）的大多数使用场景。浏览器的 Canvas API 限制各有不同，但每边 4096 像素在所有现代浏览器中都能稳定工作。
生成器支持透明吗？
支持，使用 PNG 格式时可实现透明。你可以通过将背景色留空或设为透明来生成带透明背景的图片。JPEG 不支持透明（透明区域会变成白色），WebP 支持透明但会带有有损压缩的伪影。