微信朋友圈分享链接的【图片】设置

时间:2024-02-29 22:41:13

我们在制作好一些网页以后,希望通过微信朋友圈分享给大家。但是发现这样分享到微信朋友圈是没有小图标的。如何在链接前增加吸引人的图片呢?请看下面的制作方法。

 

在网页的头部加上以下代码,图片路径自行修改。

<head>
<div id=\'wx_pic\' style=\'margin:0 auto;display:none;\'>
<img src=\'/image/data/pic300.jpg\' />
</div>
</head>

制作像素是 300*300px的图片,命名为pic300.jpg。将图片放到步骤一对应的路径下。

图片名称 和 尺寸不要修改

 

保存好文件后,就可以分享到朋友圈了。此时分享的网页链接就会有小图片显示了。

 注意事项:尺寸必须是300*300像素,否则在iphone手机上很可能显示不出来。
其他:分享时微信默认使用网页的title作为标题,如果要自行修改,请调用weixinapi