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

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

 

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

<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
 
posted @ 2014-12-03 16:12  思如雨  阅读(2681)  评论(1编辑  收藏  举报