>图片的展示形式：

html中图片元素表示：

其中src部分是比较好玩的，我们可以用图片服务器链接地址，例如：

我们也可以使用base64的图片字符串，例如：

>利用图片加载来跟踪用户打开邮件状态：

我们可以利用img元素，在邮件正文隐藏一张图片，src指向我们服务器的服务URL，例如：

当用户打开邮件正文时，隐藏图片会被加载，请求我们的服务URL时，我们便可以知道用户已读，当然邮件一定发送成功了。

>存在的问题：

上面的方法可以获取用户已读状态，但是在有的邮件客户端，图片无法隐藏，所以我们需要在服务URL请求结束后，真实返回一张图片，但是图片最好近乎不可见。

用java简单生成一个不可见的图片(一个近乎不可见的点)，代码如下：

import java.awt.Color;

import java.awt.Graphics2D;

import java.awt.image.BufferedImage;

import java.io.ByteArrayOutputStream;

import java.io.IOException;

import javax.imageio.ImageIO;

import jodd.util.Base64;

public class TestImage {

public String getImageBase64() {

ByteArrayOutputStream baos = null;

StringBuffer sb = null;

try {

int width = 1;

int height = 1;

BufferedImage image = new BufferedImage(width, height,

BufferedImage.TYPE_INT_RGB);

Graphics2D g2d = image.createGraphics();

g2d.setBackground(new Color(255, 255, 255));

g2d.setPaint(new Color(0, 0, 0));

g2d.clearRect(0, 0, width, height);

g2d.dispose();

baos = new ByteArrayOutputStream();

ImageIO.write(image, "png", baos);

sb = new StringBuffer("data:image/png;base64,");

sb.append(Base64.encodeToString(baos.toByteArray()));

} catch (Exception ex) {

ex.printStackTrace();

} finally {

if (baos != null) {

try {

baos.close();

} catch (IOException e) {

e.printStackTrace();

}

}

}

// System.out.println(sb.toString());

return sb.toString();

}

public static void main(String[] args) {

new TestImage().getImageBase64();

}

}

>优化一下：

我们可以直接保存图片base64字符串，它本身就代表图片，无需每次生成，生成字符串如下：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4//8/AAX+Av4zEpUUAAAAAElFTkSuQmCC

我们在浏览器预览一下，效果如下：

这样我们利用image元素，成功跟踪到用户已读邮件的状态了。完

喜欢请关注微信公众号：码农小麦