首页 > 解决方案 > Outlook.com 发件人图像未显示

问题描述

当我收到来自我的银行或 Skype 的电子邮件时,我会在缩略图中看到他们的图像以及电子邮件的一行简介。

通过 nodejs 服务器通过 sparkpost(电子邮件发送服务)以编程方式发送电子邮件时,如何让我的公司徽标显示在缩略图中?

标签: javascriptnode.jsemailsmtpsparkpost

解决方案


你需要做一个内联图像。为此,您可以将图像转换为 base64,然后将内容包含在图像标签中。

这是一个示例,它将红点通过 SparkPost 在电子邮件中发送一个红点 PNG。

curl -X POST \
  https://api.sparkpost.com/api/v1/transmissions \
  -H 'Authorization: [YOUR_API_KEY_HERE]' \
  -H 'cache-control: no-cache' \
  -d '{
    "options": {
        "open_tracking": true,
        "click_tracking": true
    },
  "campaign_id": "test",
  "recipients": [
    {
      "address": {
        "email": "to@example.com",
        "name": "To recipient"
      }, 
        "tags": []
    }
  ],
  "content": {
    "from": {
      "email": "from@example.com",
      "name": "From address"
    },
    "subject": "My Sample Subject",
    "text": "Test",
    "html": "<p>Test</p> <img src=\"data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==\" alt=\"A Red dot\" />"
  }
}

'

有很多方法可以将图像转换为 base64,但这里是一个示例: https ://www.base64-image.de/


推荐阅读