开发过程中需要临时图片来测试布局？这款占位图生成器可以让你自定义尺寸、背景颜色、文字颜色和显示文字，生成 PNG、JPEG 或 WebP 格式的占位图片，支持一键下载或复制 Data URL 直接使用。
为什么需要占位图？
在网站或应用开发的早期阶段，真实的图片内容往往还没有准备好。这时使用占位图可以帮助开发者和设计师验证布局效果，确保图片区域的尺寸和位置正确。占位图通常会显示尺寸信息（如 "400 × 300"），让团队成员一眼就能看出需要准备什么尺寸的图片。
本工具的功能特点
- 自定义尺寸 - 支持1到2000像素的任意尺寸
- 预设比例 - 提供16:9、4:3、1:1等常用比例快捷按钮
- 自定义颜色 - 可调整背景色和文字颜色
- 自定义文字 - 可显示任意文字而非默认尺寸
- 多种格式 - 支持PNG、JPEG、WebP三种格式
- 即时预览 - 参数修改后立即看到效果
- 一键下载 - 直接下载生成的图片文件
如何在项目中使用占位图？
有两种方式可以使用生成的占位图：1) 下载图片文件后放入项目资源文件夹，像使用普通图片一样引用；2) 复制 Data URL，直接将整个 base64 编码的图片数据嵌入 HTML 或 CSS 中，无需额外的图片文件。Data URL 方式适合临时测试，不建议在生产环境大量使用，因为会增加 HTML 文件大小。
FAQ
Q: 占位图和 Lorem Ipsum 有什么关系？
A: 它们都是开发设计中的"占位"内容：Lorem Ipsum 是占位文本，用于填充文字区域；占位图是占位图片，用于填充图片区域。两者的目的都是让开发者和客户专注于布局和设计，而不是实际内容。
Q: PNG、JPEG、WebP 应该选哪个格式？
A: PNG：支持透明背景，文件较大，适合需要透明效果的场景；JPEG：文件最小，不支持透明，适合照片类图片；WebP：现代格式，兼顾质量和文件大小，但老旧浏览器可能不支持。对于占位图来说，由于只是临时使用，选择任何格式都可以。
Q: Data URL 是什么？可以直接用吗？
A: Data URL 是一种将图片数据直接编码为文本的格式，以 "data:image/png;base64,..." 开头。你可以直接将它作为 img 标签的 src 属性值或 CSS 的 background-image 属性值使用，无需单独的图片文件。但注意 Data URL 会让 HTML/CSS 文件变大，不建议大量使用。