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

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

是否有另一种选择而不是JavaScript使用一个Base64图像作为不同的图像源？

来源

2017-03-02 ata

您可以使用CSS。例如：

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

虽然它不适用于favicon。所以你必须把它放在那里3次，或使用JavaScript。

来源

2017-03-02 09:47:23 akg

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

回答

相关问题