如何在微信朋友圈分享网页内容的时候能够有缩略图

写了一篇web文章，在微信里边分享，怎么才能有缩小的图片呢？这里说的就是朋友圈里边，别人分享的文章，旁边都有一个小个的图片。或者说发给朋友的时候，也有一个缩略图。我们在编写网页的时候，如果使用微信API的话，是可以的，因为有相应的事件配置，如果你做过微信开发你应该知道我在说什么。但是那个比较复杂，而且要求是要认证的公众号。这里我们不讨论。这里来简单说一下比较容易的方法。原理就是，微信会默认选择第一个符合条件的图片作为缩略图显示在朋友圈。如果你的文章中没有任何图片，当然缩略图会是一个空白，如果你的文章中有图片但是不符合要求，那么缩略图也会是一个空白。那么如何准备符合要求的图片呢？首先准备一个jpg图片。我不知道其他格式诸如png的是否可以，我也没有试，但是jpg是肯定可以的。这个图片的分辨率要符合要求，我也不知道具体微信要求的分辨率是多少。但是同一张图片，我使用180*180版本的，就无法获取到缩略图。使用400*300的，就能获取到缩略图，所以大致应该在最低像素300左右。 
如何查看一个图片的分辨率？用电脑的资源管理器就可以。你点击这个文件，然后在屏幕下方就会出现分辨率的信息。注意，分辨率并不是越大越好。开始的时候我用了一张手机拍摄的最原始的照片，高清，文件容量2M多，分辨率
3000*3000，这个造成的原因就是页面在加载这个图片的时候很慢，而且点击微信右上角的分享按钮之后，很久都没有反应，因为其加载缩略图的过程由于图片很大，速度很慢。
 
这里有人问，我手头就有一个2M多的文件，如何把分辨率降低？当然有很多工具，比如说强大的PhotoShop.但是更方便的是，我们用自带的画图工具就可以完成。最后点击另存为就可以了。上边所说的都是如何在文章中插入一个符合条件的图片。
 
现在如果有人问，我文章中根本不需要这张图片，但是我想分享的时候有这个缩略图，怎么办？如果你能改代码的话，可以这样。你在紧挨着body标签的旁边加入这张图片，但是把其设置为display:none就可以了。这样既不影响原有的文章排版，也有了缩略图。
<div id="Div1" style="display: none"><img id="Img1" width="100%" src="Content/images/logo/robin3.jpg" style="position: absolute; top: 0; left: 0;"></div>