多个引用相同的base64 img

Question

是否可以重用一些插入代码中的图像作为base64？ 在我的具体情况中，我有一个div的列表，每个列表都有一个由{64}设置的img作为第一个元素。有三个或四个图像，但到目前为止我所做的是加载图像10或20次（看似不合逻辑）

我试图做这样的事情：

.image1 {
    src="data:img/png;base64,iVB(base64 here)..."
}

.image2 {
    src="data:img/png;base64,aQp(base64 here)..."
}
.image3 {
    src="data:img/png;base64,aPl8(base64 here)..."
}

然后向每个div添加<img class='image1'>等。

它要求图像为base64，而不是某些.png或.jpeg。

如果有另一种优雅的方式，我也很乐意尝试。