【发布时间】:2015-02-25 11:20:12
【问题描述】:
对 CSS 使用图像精灵更好还是使用许多不同的图像文件更好? 也许使用许多不同的图像而不是一个精灵更好,反之亦然?
【问题讨论】:
-
通过使用 Photoshop 或图像编辑工具创建包含所有图像的新透明图像
标签: html css css-sprites mockups
对 CSS 使用图像精灵更好还是使用许多不同的图像文件更好? 也许使用许多不同的图像而不是一个精灵更好,反之亦然?
【问题讨论】:
标签: html css css-sprites mockups
将所有内容放在 1 个 sprite 中,因此只需要 1 个请求。
编辑
实际上最好将所有相关的东西放在同一个精灵上,例如带有论坛图像的精灵,带有主页图像的精灵,... 由于您不需要主页上的论坛图片。 (-> 减少请求的大小)
【讨论】:
由于典型的网站包含多个css、java脚本和图像文件,导致浏览器请求多个http请求。通过使用 sprite,它会导致更少的 http 请求(对 web 服务器和客户端/用户有利),因此页面将被快速加载(对客户端/用户有利)
【讨论】: