您的位置：首页 > 移动开发 > 微信开发

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

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



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

<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
项目地址：https://github.com/zxlie/WeixinApi/blob/master/WeixinApi.js
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航