如何让Google Photos共享图片在HTML页面正常显示？

你遇到的问题核心不是单纯的共享权限，而是你用的是Google Photos的共享网页链接（photos.app.goo.gl开头），这是跳转页面的URL，不是图片的直接资源地址，浏览器没法把网页链接当成图片加载，所以不管权限是否公开，都会显示失败。

解决步骤： #

1. 确保照片的共享权限设置为公开可访问

• 打开Google Photos中的目标照片，点击右上角的「分享」按钮
• 在共享设置面板里，将权限从「仅限添加的人」修改为「知道链接的任何人」，并确认权限类型是「查看」

2. 获取图片的直接资源URL

有两种简单方法：

• 方法一：右键直接提取
  打开你生成的共享网页链接，在照片上右键选择「复制图片地址」（不同浏览器表述略有不同，比如Chrome是「复制图片链接」），复制到的就是可直接用于HTML img 标签的资源URL。
• 方法二：通过开发者工具提取
  在共享网页的照片上右键选择「检查」，打开浏览器开发者工具后，找到页面里的<img>标签，复制它的src属性值，这就是图片的直接资源地址，格式通常类似 https://lh3.googleusercontent.com/xxxxxx=w1920-h1080（末尾的w和h是尺寸参数，可调整数值控制显示大小，或删除这部分使用原始尺寸）

修正后的HTML示例

<!DOCTYPE html>
<html>
<head>
    <title>Photo from Google Photos</title>
</head>
<body>
    <h1>My Photo from Google Photos</h1>
    <img src="https://lh3.googleusercontent.com/你的直接图片URL" alt="Test Photo">
</body>
</html>

内容的提问来源于stack exchange，提问作者P V