【问题标题】:Image sprites for website [closed]网站的图像精灵[关闭]
【发布时间】:2015-02-25 11:20:12
【问题描述】:

对 CSS 使用图像精灵更好还是使用许多不同的图像文件更好? 也许使用许多不同的图像而不是一个精灵更好,反之亦然?

【问题讨论】:

  • 通过使用 Photoshop 或图像编辑工具创建包含所有图像的新透明图像

标签: html css css-sprites mockups


【解决方案1】:

将所有内容放在 1 个 sprite 中,因此只需要 1 个请求。

编辑

实际上最好将所有相关的东西放在同一个精灵上,例如带有论坛图像的精灵,带有主页图像的精灵,... 由于您不需要主页上的论坛图片。 (-> 减少请求的大小)

【讨论】:

    【解决方案2】:

    由于典型的网站包含多个css、java脚本和图像文件,导致浏览器请求多个http请求。通过使用 sprite,它会导致更少的 http 请求(对 web 服务器和客户端/用户有利),因此页面将被快速加载(对客户端/用户有利)

    【讨论】:

      猜你喜欢
      • 2013-09-10
      • 2012-03-12
      • 2010-11-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-31
      • 1970-01-01
      相关资源
      最近更新 更多