占位图（Placeholder Image）是在网页设计、UI原型、文档排版中临时使用的替代图片。当最终素材尚未准备好时，占位图帮助设计师和开发者快速填充版面、验证布局结构、测试响应式效果。使用带有尺寸标注的占位图，团队成员可以一目了然地知道每个位置的图片规格，极大提升协作效率。

PNG格式：位图格式，像素级精确，适合需要精确模拟实际图片大小的场景。文件大小随尺寸增大而增加，但在纯色+文字场景下压缩率很高（通常几KB到几十KB）。兼容性最好，所有平台和软件都支持。
SVG格式：矢量格式，无论尺寸多大文件体积都很小（通常1-3KB），可无损缩放。适合需要频繁调整尺寸的设计阶段。可直接嵌入HTML代码中，也可作为Data URL使用。在Retina/高DPI屏幕上也始终清晰。

选择占位图尺寸时，应考虑最终图片的实际用途：
• 网页Hero区域：1920×1080 或 1280×720（16:9比例）
• 缩略图/头像：200×200、400×400（1:1正方形）
• 广告位：300×250（中矩形）、728×90（横幅）、160×600（摩天大楼）
• 社交媒体分享图：1200×630（OG开放图谱标准）
• Instagram帖子：1080×1080（1:1）
建议在设计初期就确定好各位置的图片比例和最小尺寸要求。

Data URL是一种将图片数据直接编码为文本字符串的格式，以data:image/png;base64,...或data:image/svg+xml,...开头。它可以直接作为<img src="...">的属性值使用，无需单独的文件。优点是减少了HTTP请求、便于在HTML中内联嵌入；缺点是不利于缓存、对于大图片会增加HTML文件体积。占位图由于体积小，非常适合使用Data URL方式嵌入。

占位图本身对SEO没有直接影响，但合理使用占位图可以间接帮助SEO：在网站开发阶段使用占位图提前规划图片的尺寸和位置，确保上线后真实图片的alt属性、文件名、周边文案等SEO要素都已就位。此外，使用正确宽高比的占位图可以避免页面布局偏移（CLS），这是Google核心网页指标（Core Web Vitals）中的重要评分项，直接影响搜索排名。