代码之家 › 专栏 › 技术社区 › Moon

PNG\Images-定位

language-agnostic

0

Moon · 技术社区 · 15 年前

我见过有人使用这种图像,然后把它们定位成单个按钮,你知道我的意思吗

alt text

2 回复 | 直到 14 年前

1

2

Marcelo Cantos 15 年前

它避免了浏览器发出大量的小HTTP请求,从而降低了页面加载速度。它还倾向于稍微减少浏览器上的资源消耗,这对受约束的设备很重要,对受约束的缓存更友好,因为一个大图像通常比单个图像的总和要小很多。

2

1

Rhapsody 15 年前

它叫' css sprites “这是因为优化。

像这样,浏览器只需要加载一个(较大的)图像,而不需要加载很多小图像。这提高了网站的速度。

与分离的小图像相比,单个图像的大小通常更小。