如何通过HTML分享个人图片，让好友打开文件时正常加载？

方案1：正确使用图床（以Imgur为例） #

如果之前操作Imgur失败，大概率是没拿到正确的图片直接链接，步骤如下：

• 打开Imgur，点击顶部「New post」上传图片
• 上传完成后，点击图片右上角的「⋮」，选择「Get share links」
• 复制「Direct link」（后缀为.jpg/.png的纯图片链接）
• 替换网页里的图片路径，比如把<img src="本地图片名.jpg">改成<img src="复制的Direct link">

方案2：打包网页与图片（适合小图片） #

不想用图床的话，直接打包整个资源发给好友：

• 把.html文件和图片放在同一个文件夹
• 网页里的图片路径用相对路径，比如图片和html同目录就写<img src="图片名.png">
• 把文件夹压缩成ZIP包发给好友，让对方解压后打开文件夹里的.html文件

方案3：修复Google Sites的操作问题 #

如果想继续用Google Sites，要确保图片权限和链接正确：

• 上传图片到Google Sites后，右键点击图片选择「Share」
• 设置权限为「Anyone with the link can view」，确保所有人能访问
• 右键图片选择「Get link」，复制后替换到网页的img标签中（注意要是直接指向图片的链接，不是Sites页面的链接）

注意事项 #

• 所有替换的图片链接必须是直接可访问的原始图片地址，不能是图片所在的网页链接（比如Imgur的分享页面链接不能用，必须是Direct link）
• 用其他托管平台的核心逻辑都是：上传图片→拿到公开的直接图片链接→替换网页里的本地路径

内容的提问来源于stack exchange，提问作者Ashutosh Niraula - Student