HTML邮件模板嵌入图片不显示，请求技术解决方案

问题根源 #

你当前代码里<img>用了相对路径/img/keyboard.jpg，邮件客户端无法识别这类依赖服务器环境的相对路径；另外你提供的两个链接是imgbb的网页分享地址，并非图片的直接资源URL，所以邮件根本加载不到目标图片。

可行解决步骤 #

• 替换为图片直接访问URL
  打开你给出的imgbb分享页面，找到「直接链接」或「图片原始URL」选项（通常在分享按钮下拉菜单里），获取类似https://i.ibb.co/xxx/keyboard.jpg格式的直接资源地址，替换<img>的src属性：

  <figure id="keyboardimg">
          <img src="https://i.ibb.co/xxx/keyboard.jpg" alt="Keyboard image" title="Keyboard image">
  </figure>
  

• 验证URL有效性
  把获取到的直接URL复制到浏览器打开，确认能正常显示图片，再用到邮件模板里，避免URL无效或带防盗链限制。
• 多客户端测试
  编辑完成后发送测试邮件到不同邮箱（如QQ邮箱、Outlook、Gmail），部分客户端会默认屏蔽外部图片，只要URL正确，收件人开启图片显示后就能正常加载。
• 备选：嵌入Base64编码图片
  若担心外部URL失效或被屏蔽，可将图片转为Base64编码直接嵌入HTML（大图片不建议，会增加邮件体积），示例：

  <figure id="keyboardimg">
          <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAAAAAAAD/..." alt="Keyboard image" title="Keyboard image">
  </figure>
  

内容的提问来源于stack exchange，提问作者Paulo Nivar