一个Base64编码图像，用于HTML中的不同图像

Question

我创建了一个轻量级的html页面。 我想对<link rel="shortcut icon"> ， <meta property="og:image">和<body> <img>使用相同的图像。 该图像是Base64编码的，因此不需要外部请求。 将图像代码粘贴三遍会使页面有点沉重。 我知道我可以使用JavaScript将图像分配给变量，然后将其传递给其他图像，但是如果设备不支持JavaScript怎么办？ 所以我的问题是这样的：

是否有另一种替代JavaScript的替代方案，可以将一个Base64图像用作不同的图像源？

Answer 1

您可以使用CSS。 例如：

.selector{
    background: url(data:image/gif;base64,R0lGO...);
}

尽管它不适用于网站图标。 因此，您必须将其放置3次，或使用javascript。