Zach 做了一件事，他的每篇博文都有 一个特殊的 URL，其社交图片卡的设计由无头浏览器（如 Puppeteer）进行 屏幕截图，并用作真正的元 Open Graph 图片，这意味着它会显示在 Twitter、Facebook、iMessage、Slack、Discord 以及其他支持此卡外观的平台上。
我喜欢它。虽然我现在正在为 WordPress 制作 一个非常好的解决方案，但我希望模板能够像我希望的那样使用 HTML/CSS 进行控制。
作为这里阴阳中的阴，Jim 对 Open Graph 图片的不那么好的方面有一些想法。
我觉得它们已经被自动生成的计算机图像所劫持，这些图像充当引人注目的填充物，而不是支持性表达。
Jim Nielsen，“对社交分享图像的微词”
这有点像……我们可以添加 Open Graph 图片，并且我们实际上获得了一个完全免费的巨大的可点击目标，供渴望点击的手指使用，因此我们确实添加了 Open Graph 图片——即使该图片是，嗯，很无聊。只是标题文本的自动生成的计算机乱码带有品牌。 Jim 的帖子 中有示例。
我理解 Jim 的想法，我想我多少也有点过错。不过，如果您容许我有一点防御心理，我认为在 CSS-Tricks 上，我们做得更好，因为
- 我们有多种模板可供选择，可以进行切换，例如引语设计。
- 我们将自定义图像融入最终的卡片中，这意味着大多数卡片在视觉上都比较独特。
- 我们不仅仅在卡片上打上品牌，通常还会在卡片中加入作者，以对作者表示额外的肯定，而不是仅仅我们的品牌。
屏幕截图？！我认为你是说“截图” Chris
我刚在 Urban Dictionary 上搜索了“Screenshat”，你是对的——它确实是一个词
LOL，我看到草稿时也笑了。太有趣了，我非常赞成。
在我看来，问题在于一个老生常谈的问题：你没有内容（一个好的图像），但你想要假装你拥有它。
我的 LAMP 解决方案用于自动分享卡片
如果存在特色图像，则获取它（“特色”图像在网站内搜索结果、横幅等方面效果很好）。
否则，如果存在第一个图像，则获取它（这假设您的网站包含有趣的图像）。
否则，从一组预先选择的通用图像中随机选择，这些图像代表您的网站：徽标、主题照片/插图等。
是的。在 WordPress 中执行类似的操作，以生成完全冗余的 (!) 特色图像，从而生成 Open Graph 图像。我的意思是，至少我将其用于“帖子缩略图”，我猜？仅使用 PHP（以及 DomPDF 和 Imagick）将实际的 HTML/CSS 转换为 PNG，这也很不错。