码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2014-12-03 17:06:30      阅读:406      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   ar   color   os   sp   strong   on   

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

bubuko.com,布布扣
 
 

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

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

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

图片名称 和 尺寸不要修改

 

bubuko.com,布布扣

 

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

bubuko.com,布布扣

 注意事项:尺寸必须是300*300像素,否则在iphone手机上很可能显示不出来。

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

标签:style   blog   http   ar   color   os   sp   strong   on   

原文地址:http://www.cnblogs.com/gosky/p/4140336.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!