我创建了一个轻量级的html页面。我想在<link rel="shortcut icon">中为<meta property="og:image">，<img>和一个<body>使用相同的图片。图像采用Base64编码，因此无需外部请求。将图像代码粘贴三次会使页面变得有点沉重。我知道我可以使用JavaScript将图像分配给变量然后将其传递给不同的图像但是如果设备不支持JavaScript会怎么样？所以我的问题是：
使用一个Base64图像作为不同的图像源是否有另一种选择而不是JavaScript？
答案 0 :(得分：3)
您可以使用CSS。 E.g：
.selector{
background: url(data:image/gif;base64,R0lGO...);
}
虽然它对于favicon不起作用。所以你必须把它放在那里3次，或者使用javascript。