如何使网页分享到朋友圈显示小图片

 时间:2026-04-22 12:15:23

1、在所需分享的网页代码的头部<head>里面添加一个<div>:

<div id="shareImage" style="display: none;">

   <img src="图片路径" />

</div>

如图:

如何使网页分享到朋友圈显示小图片

2、完整示例(在文件目录下添加一张pic.jpg图片即可正常显示):

<html>

<head>

<title>Test</title>

<meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui">

<meta charset="utf-8">

<div id="shareImage" style="display: none;">

   <img src="pic.jpg" />

</div>

</head>

<body>

<h1>测试网页</h1>

</body>

</html>

  • 同城见面聊怎么退出登录
  • 如何调解夫妻间的争吵
  • 老公爱发急怎么办
  • 2019辽宁五一高速公路免费吗
  • 怎么选择说话和做事的时机
  • 热门搜索
    山海关旅游 峨眉山旅游线路 秋季旅游 旅游咨询 成都周边旅游景点介绍 浙江 旅游 香港旅游景点大全 中国旅游信息网 北京周边旅游景点大全 新疆伊犁旅游