Facebook链接分享图片失真

时间:2016-01-13 02:27:38

标签: html facebook

我有一个网站,并添加了适当的og元标记。 Facebook调试工具(https://developers.facebook.com/tools/debug/og/object/)甚至显示正确的og:图像被拉入。但由于某种原因,链接共享的预览失真。当我粘贴链接时,我在编辑帖子时看起来不错,但之后它只显示图像下半部分的放大部分。

有什么想法吗?我不知所措。

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title data-ng-bind-template="{{ vm.getPageTitle() }} - Still Memories Photography">Home - Still Memories Photography</title>
<meta name="description" content="Still Memories Photography. Portrait and wedding photographer located in Arvada Colorado.">
<meta name="viewport" content="width=device-width initial-scale=1 maximum-scale=1 user-scalable=no">
<meta property="og:image" content="http://www.stillmemories.photography/Images/Assets/liasnow.jpg">
<meta property="og:title" content="Still Memories Photography">
<meta property="og:description" content="Portrait and wedding photographer located in Arvada, Colorado.">
<meta property="og:url" content="http://www.stillmemories.photography">
<link href="/Content/css?v=E9KngqeJrvXl3d3KXxzuuUi9weaFZmoTKRiDWp8qamI1" rel="stylesheet">
</head>

1 个答案:

答案 0 :(得分:0)

解决方案是使用更大的图像。 Facebook建议至少50x50像素 - 这远远超过了我的(我的是321x220)。但无论出于何种原因,它认为这个规模很小并且远远超出了比例。一定要使用大图片。