如何调整网站图像预览的大小

Question

嗨，我正在使用以下代码来设置图像预览

＆lt; html xmlns =“ http://www.w3.org/1999/xhtml” xmlns：fb =“ http://ogp.me/ns /fb＃“＆gt; ＆lt; meta属性=“ og：image” content =“ https://i.imgur.com/vjuu72s.png” width =“ 1200”高=“ 600”/＆gt;

它设置了发送的链接的预览确实很小（请参见下图）

但是我想要它像下面的图像

我如何实现这一目标？我已经尝试执行以下

＆lt; meta属性=“ og：image” content =“ https://i.imgur.com/vjuu72s.png” width =“ 1200” height =“ 600”/＆gt;

实际图像大小为'1200x600'

Answer 1

Discord 依赖 twitter 卡 的元标记来渲染图像尺寸。有关 twitter 的更多信息网站

所以，只需将其添加到您的头脑中：

<meta name="twitter:card" content="summary_large_image">

Answer 2

我已经找到了解决方案并实现了我的目标。

<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Im Danial Ahmed and this is my personal 
website">
<meta name="twitter:image:src" content="https://imgur.com/DaUY6vk.png">
<meta name="twitter:image:src" content="https://imgur.com/DaUY6vk.png">
<meta name="twitter:site" content="@unofficialdxnny">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="unofficialdxnny (Danial Ahmed) 
index.html">
<meta name="twitter:description" content="Im Danial Ahmed and this is my 
personal website">
<meta property="og:image" content="https://imgur.com/DaUY6vk.png">
<meta property="og:image:alt" content="Im Danial Ahmed and this is my 
personal website">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="600">
<meta property="og:site_name" content="unofficialdxnny">
<meta property="og:type" content="object">
<meta property="og:title" content="unofficialdxnny (Danial Ahmed) Website">
<meta property="og:url" content="https://unofficialdxnny.netlify.app">
<meta property="og:description" content="Im Danial Ahmed and this is my 
personal website">
<meta name="expected-hostname" 
content="https://unofficialdxnny.netlify.app/">
<meta name="theme-color" content="#1167ab">