占位图片（Placeholder Image）是在网页设计、UI原型开发或内容排版中临时使用的示意图片。当最终图片内容尚未准备好时，开发者使用占位图来模拟图片区域的大小、比例和视觉效果，确保页面布局不会因缺少图片而坍塌。使用占位图可以大幅提升开发效率，避免因等待素材而阻塞前端进度。本工具使用 Canvas 在浏览器本地生成占位图，无需联网请求第三方服务，速度更快且保护隐私。

您可以通过以下方式使用占位图：
1. 下载图片文件：点击"下载图片"按钮，保存为 PNG/JPEG/WebP/SVG 格式，然后在项目中使用。
2. 复制 Data URL：获取 Base64 编码的图片数据，直接粘贴到 <img src="data:image/png;base64,..."> 中使用，适合快速原型，无需管理文件。
3. 复制 HTML 代码：一键获取完整的 <img> 标签代码，直接粘贴到 HTML 文件中。
所有操作均在浏览器本地完成，生成的图片不会上传到任何服务器。

PNG（无损）：推荐首选。支持无损压缩，文字清晰锐利，文件大小适中。适合需要保持文字和线条清晰度的占位图。
JPEG（有损）：文件体积小，但有损压缩可能导致文字边缘模糊。适合模拟照片占位，不推荐用于包含精细文字的占位图。
WebP：现代格式，兼具小体积和高质量。主流浏览器均已支持，是平衡质量和体积的最佳选择。
SVG（矢量）：无限缩放不失真，文件极小。适合响应式设计，但在复杂纹理场景下表现力有限。本工具对 SVG 格式提供基础支持（纯色背景+文字）。

Canvas 是 HTML5 提供的绘图 API，可以在浏览器中动态生成位图。Canvas 生成的图片与普通图片（如用 Photoshop 制作的图片）在使用上没有本质区别——它们都可以被下载、嵌入网页或分享。
优势：无需安装任何软件，打开浏览器即可生成；生成速度快（毫秒级）；可以实时预览调整参数；完全离线可用。
局限：Canvas 生成的是位图（PNG/JPEG/WebP），放大到超出原始分辨率时会变模糊。如需矢量格式请选择 SVG 导出。

是的，完全没问题。本工具生成的占位图片仅包含纯色背景和您自定义的文字/图标，不包含任何受版权保护的内容。您对这些生成的图片拥有完全的使用权，可以自由用于个人项目、商业项目、客户演示等任何场景，无需署名或付费。

社交媒体头像：400×400（通用），180×180（Facebook）
Instagram 帖子：1080×1080（正方形），1080×1350（竖版）
Facebook / LinkedIn 封面：820×312 / 1584×396
Twitter 封面：1500×500
YouTube 缩略图：1280×720
网站 Hero 横幅：1920×600 或 1920×800
Open Graph 社交分享图：1200×630
网页文章配图：800×600 或 1200×800
标准横幅广告：728×90（Leaderboard），300×250（Medium Rectangle）
您可以在"预设尺寸"区域快速选择这些常用尺寸。

您可以通过以下方式个性化占位图：
1. Emoji 图标：在"图标"输入框中输入一个 Emoji（如 📷 🎨 🚀），它将显示在文字上方，为占位图增添趣味。
2. 自定义文字：修改文字内容为您想要的任何文本，如公司名称、项目代号等。
3. 配色方案：使用预设配色或自定义颜色来匹配您的品牌色。
4. 背景纹理：选择网格、点阵或对角线纹理增加设计感。
如需更复杂的图案（如 Logo），建议先生成基础占位图，再用图像编辑软件叠加。

优点：Data URL 将图片数据直接嵌入 HTML/CSS 中，无需额外的 HTTP 请求，减少服务器负载，非常适合快速原型开发和单页应用中的小尺寸占位图。
缺点：Base64 编码会使数据体积增大约 33%，对于大尺寸图片（如 1920×1080），Data URL 可能长达数百 KB，影响 HTML 文件的可读性和加载速度。大型图片建议下载为独立文件使用。
推荐：对于 800×600 以下的占位图，使用 Data URL 非常方便；更大尺寸建议下载 PNG/WebP 文件。