如何增加微信朋友圈分享链接的小图片
2016-05-25 14:30
686 查看
我们在制作好一些网页以后,希望通过微信朋友圈分享给大家。但是发现这样分享到微信朋友圈是没有小图标的。如何在链接前增加吸引人的图片呢?请看下面的制作方法。
![](http://f.hiphotos.baidu.com/exp/w=500/sign=d03d24a1f1deb48ffb69a1dec01d3aef/241f95cad1c8a786e4d0f4ce6509c93d71cf5073.jpg)
智能手机
微信
在网页的头部加上以下代码,图片路径自行修改。
<head>
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='/image/data/pic300.jpg' />
</div>
</head>
制作像素是 300*300px的图片,命名为pic300.jpg。将图片放到步骤一对应的路径下。
![](http://b.hiphotos.baidu.com/exp/w=500/sign=ba5dc332d762853592e0d221a0ee76f2/18d8bc3eb13533faa3862aeeaad3fd1f41345b39.jpg)
保存好文件后,就可以分享到朋友圈了。此时分享的网页链接就会有小图片显示了。
![](http://e.hiphotos.baidu.com/exp/w=500/sign=64a6aeef97cad1c8d0bbfc274f3c67c4/0824ab18972bd40761126d3d79899e510eb3091c.jpg)
END
尺寸必须是300*300像素,否则在iphone手机上很可能显示不出来。
转载于:http://jingyan.baidu.com/article/9989c7461a3642f649ecfe63.html
![](http://f.hiphotos.baidu.com/exp/w=500/sign=d03d24a1f1deb48ffb69a1dec01d3aef/241f95cad1c8a786e4d0f4ce6509c93d71cf5073.jpg)
工具/原料
智能手机微信
方法/步骤
在网页的头部加上以下代码,图片路径自行修改。<head>
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='/image/data/pic300.jpg' />
</div>
</head>
制作像素是 300*300px的图片,命名为pic300.jpg。将图片放到步骤一对应的路径下。
![](http://b.hiphotos.baidu.com/exp/w=500/sign=ba5dc332d762853592e0d221a0ee76f2/18d8bc3eb13533faa3862aeeaad3fd1f41345b39.jpg)
保存好文件后,就可以分享到朋友圈了。此时分享的网页链接就会有小图片显示了。
![](http://e.hiphotos.baidu.com/exp/w=500/sign=64a6aeef97cad1c8d0bbfc274f3c67c4/0824ab18972bd40761126d3d79899e510eb3091c.jpg)
END
注意事项
尺寸必须是300*300像素,否则在iphone手机上很可能显示不出来。转载于:http://jingyan.baidu.com/article/9989c7461a3642f649ecfe63.html
相关文章推荐
- ShareSDK 取消分享到微信收藏
- zabbix通过微信企业号发送图文消息 推荐
- Java小程序:辗除法求两个正整数最大公约数和最小公倍数
- Java小程序:正整数分解质因数
- g++/gcc 常见选项。(muduo 编译小程序举例)
- Zabbix邮件报警详细设置(微信,email,script )
- Java小程序:实现三边是否能构成三角形
- 基于nodejs微信支付
- 安卓,ios,微信html5,position:fixed无效,会动。
- 两个小程序大概的了解一下java的线程
- 微信内嵌浏览器上传图片调用相机
- 微信开发【素材管理】上传临时素材
- 微信JS SDK Demo
- 玩转微信营销和推广的10种方法和技巧
- iOS 获取手机通信录(仿微信 支付宝 手机话费 流量充值效果)
- jQuery+PHP实现微信转盘抽奖功能的方法
- 看完这篇文章前千万别做微信营销
- Net MVC微信扫码支付
- 微信开发建站所需档案清单
- 单片机 学习笔记(二)——简单小程序