html - Twitter卡片图像模糊

Question

上周末，我在我的 Blogger 博客上安装了 Twitter Cards，但是，当我在 Twitter 上发布帖子的链接时，预览图像似乎有点模糊。

https://twitter.com/DailyNickNews/status/986395296350527488

https://twitter.com/DailyNickNews/status/986395007216209920

https://twitter.com/DailyNickNews/status/986394831470637056

当我在新选项卡中打开图像时，我得到一个 URL，例如

https://pbs.twimg.com/card_img/986394838189924352/9Nw874O_?format=jpg&name=600x314

但是，实际显示的图像尺寸要小得多。在上面的示例中，图像是 392x205。

我正在使用的代码是：

<b:comment> Twitter Cards for Blogger XML </b:comment>
<meta expr:content='data:view.featuredlmage ? &quot;summary_large_image&quot;: &quot;summary&quot;' name='twitter:card'/>
<meta content='https://4.bp.blogspot.com/-qANmiWyhUFg/WtPAtPo65NI/AAAAAAAA5Yw/CJoYJyvpUKMrKEGHxtj0vTLS_x9AJWyDQCLcBGAs/sl600/nickelodeon-logo-nick.png' property='og:image/>
<meta content='@ Daily NickNews' name='twitter:site'/>
<meta content='@ Daily NickNews' name='twitter:creator'/>
<meta expr:content='data:blog.homepageUrl.canonical' name='twitter:domain'/>
<meta expr:content='data:view.url.canonical' name='twitter:url'/>
<meta expr:content='data:view.title' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription ? data:view.description : &quot;&quot;' name='twitter:description'/>
<b:if cond='data:view.featuredImage'>
<meta expr:content='data:view.featuredlmage' name='twitter:image:src'/>
</b:if>

我是 Twitter Cards 的新手，不知道要改变什么。顶部 META 标记已显示“summary_large_image”。

我尝试将最后一个 META 标记的值从 twitter:image:src 更改为 twitter:image，但是没有任何改变。

Answer 1

问题在于数据标签data:view.featuredlmage，它通过帖子编辑器获取图像大小。为确保 Twitter 获取的图片尺寸始终是最大的，修改代码如下——

<meta expr:content='resizeImage(data:blog.postImageUrl,1600)' name='twitter:image:src'/>