Open Graph 分享图生成器

当链接被分享到 Facebook、LinkedIn、X、Slack 等平台时，预览卡片会显示该页面的 og:image。没有它的话，平台要么随机挑一张图，要么什么都不显示。本生成器会根据您的标题、副标题或网站名称、可选的 Logo，以及颜色、渐变或照片背景，绘制一张整洁的 1200 × 630 卡片，并缩小标题直到刚好放下。它还会为您的页面生成对应的 Open Graph 和 Twitter 卡片 meta 标签。图片在您的浏览器中制作。

使用方法

1. 输入标题，以及副标题或网站名称。
2. 选择渐变、纯色或背景照片（照片会被压暗，以保证文字清晰可读）。
3. 可以添加 Logo，并选择字体、对齐方式和文字颜色。
4. 输入图片将存放的地址。
5. 下载图片并上传到该地址，然后把 meta 标签粘贴到页面的 <head> 中。

计算公式

标题字号 = 不超过您设置的最大值、且使折行后的标题不超过 4 行并满足（行数 × 字号 × 1.15）≤ 可用高度的最大字号

字号以 2 px 为步长减小，最小为 32 px；到最小字号仍放不下时，多出的行会被截去，并以“…”结尾。可用高度是 630 减去边距、Logo（最高 80 px）和副标题行之后的值。1200 × 630 的比例为 1.91:1，是 Facebook、LinkedIn 和 X 用于大尺寸链接预览的形状。

示例

在边距为 80 px、没有 Logo 但有副标题时，可用高度为 630 − 80 − 80 − 52 = 418 px。如果标题在 76 px 字号下、在 1040 px 的文字宽度内折成 3 行，需要 3 × 76 × 1.15 ≈ 262 px，因此保持 76 px，并在副标题上方垂直居中。标题长一倍则需要 5 行，字号会缩小到能放进四行为止。