Image 使用Facebook SDK发送对话框时，PNG图像会被裁剪

我有一个网站，在Facebook开放图元标记中包含png图像。它在messenger的和中正确显示

我想使用户能够使用Facebook SDK共享页面。这将提供一个包含图像的弹出窗口（iframe），但这次它在右侧被裁剪，即图像对于容器来说太宽

这是我的SDK代码：

FB.ui({
  display: "iframe",
  link:, "https://example.com",
  method: "send"
}));

我试过：

• 实验png的实际宽度和高度。这改变了它的裁剪方式，但我从来没有得到一个好的结果
• 更改元标记中的图像宽度和高度（即，更改为错误的值）
• 样式与CSS。这是不可能的，因为它是一个iframe，其url是另一个域。我可以使用一个真正的弹出窗口而不是iframe（

  发送对话框中的display

  选项），但我认为这更容易受到弹出窗口拦截器等的影响

---

有什么想法吗？

除了遵循这里概述的最佳实践之外，你没有什么可以做的。我确实遵循了这些，不幸的是仍然被裁剪。我想你可以尝试一个与裁剪后的图像具有相同纵横比的图像，看看这是否会产生更符合你喜欢的结果。我确实尝试过这个；这不是完全直接的，因为（裁剪的）图像也是缩放的。我采用了裁剪宽度并将其缩小到原始图像的相应宽度，但使用这些尺寸，结果是另一个不同裁剪的图像。