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

2025-10-15 10:29:21

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>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢