Basics
Open Graph 图像与 Favicon：区别在哪
favicon 是浏览器在标签页或书签里显示的方形小图标，通常 16 到 48 像素。Open Graph 图像是当你的链接在社交媒体或聊天里被分享时出现的那张大的矩形预览图（约 1200x630）。它们是两个分别声明的独立文件，任何一方都不能顶替另一方。
两个图标，两项任务
favicon 在浏览器内部标识你的网站：标签页里的一个小方块、书签、历史记录列表。Open Graph 图像在信息流里推销你的链接：一条推文里的横幅、一次 Slack 展开、一次 iMessage 预览。
因为它们在尺寸、形状和出现的位置上都不同，所以是分别声明的：favicon 用 rel="icon"，预览图用 og:image meta 标签。两者互不顶替。
并列对比
| 方面 | Favicon | OG 图像 |
|---|---|---|
| Size | 16–48px | 约 1200x630 |
| Shape | 方形 | 横向 |
| Declared with | rel="icon" | og:image meta |
| Shown in | 标签页、书签 | 社交 + 聊天预览 |
OG 图像对比 favicon 常见问题
favicon 会被用于社交预览吗？
不会。社交和聊天预览使用来自 og:image meta 标签的 Open Graph 图像。favicon 只出现在浏览器内部。
我能把 favicon 当作 OG 图像用吗？
没什么用。它的尺寸和形状都不对。一个 32px 的方块被放到 1200x630 的位置里看起来是坏掉的。它们是两个独立的素材。
浏览器标签页里显示的是哪个？
favicon。Open Graph 图像从不出现在标签页里；它只在链接被分享到某个会渲染预览的地方时才显示。