在Less中,数据URI可以用来将图片或其他资源文件嵌入CSS中,这样可以减少网页中的HTTP请求次数,从而提高网页的加载速度。
具体来说,可以将图片转换为Base64编码的字符串,然后将其作为数据URI添加到CSS中的background-image或content属性中。例如,以下代码将一个名为"bg.png"的图片转换为数据URI,并将其作为背景图片应用于CSS中的body元素:
@bg: encodeBase64('bg.png');
body {
background-image: url(data:image/png;base64,@bg);
}
这样,当网页加载时,只需要请求CSS文件,就可以同时加载背景图片,从而减少了一次HTTP请求。