这不是我第一次看到这种图像:
似乎每个图标都是使用 CSS 以编程方式指向的(???)。 它被称为图标集吗?在浏览网站时,我可以单独看到这些图标,但当我尝试保存它们时,它们显示为 base64 编码文件,并且所有单个图像都位于同一个 png 文件中。我的意思是,它是如何运作的?有没有办法将它们分开?它们如何在网站中使用?
谢谢!
最佳答案
它被称为“CSS Image Sprite”。
更多信息链接:
这是Web开发中非常常见的方法。很大程度上是因为它有助于限制 HTTP 请求。图像仅下载到用户缓存一次,然后移动以仅显示所需的部分。这比下载多个图像要高效得多。
关于css - 如何指向图标集中的特定图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27161806/