OpenGraph 图像是用于 OpenGraph 标签的图像，用于在 Twitter、Facebook 和 Open Graph 预览中展示。
OpenGraph 图像可以是静态的，也可以是动态的。这取决于您是使用 OpenGraph 生成器生成的还是使用其他工具生成的。
使用 OpenGraph 生成器生成的图像通常是静态的，因为它们是根据您提供的元数据生成的，而这些元数据通常是静态的。例如，如果您提供了一个博客文章的元数据，OpenGraph 生成器将根据这些元数据生成一个静态的 OpenGraph 图像。
而使用其他工具生成的图像可能是动态的。例如，如果您使用了一个服务器端渲染框架来生成 OpenGraph 图像，那么这些图像可能是根据用户的行为、时间、天气等信息生成的。
OpenGraph 的 HTML 代码
<meta property="og:url" content="https://example.com/article">
<meta property="og:title" content="My Article Title">
<meta property="og:description" content="This is my article description">
<meta property="og:type" content="article">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="OpenGraph ">通过这些 HTML 代码，就可以让页面在 OpenGraph 中显示 https://example.com/og-image.png 这个图像。
预览效果
创建完 OG 图之后，很多网站都提供了在线预览和调试工具，帮助你诊断问题。下面是常见的一些工具：
| 网站 | 链接 |
|---|---|
| https://developers.facebook.com/tools/debug/ | |
| https://www.linkedin.com/post-inspector/ | |
| Discord | https://discord.com/developers/embeds |