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 |