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

背景图像:精灵还是不精灵?

  •  2
  • Brad  · 技术社区  · 14 年前

    有人能对是否使用精灵来制作图像的决定发表评论吗?我看到了以下好处/权衡(其中一些可以减轻):


    单个图像上的精灵

    赞成的意见:

    • 需要管理更多的后台职位
    • 图像有效负载可能过度膨胀(sprite可能包含未使用的图像),导致页面加载可能较慢
    2 回复  |  直到 14 年前
        1
  •  2
  •   Bakudan Lovely    13 年前

    我不认为有一个明确的答案。根据需要和个人喜好,意见会有所不同。

    我的指导方针是始终评估最终用户的利益与开发人员的利益。作为一个开发者,你所做工作的真正价值是什么。

    在优化网页时,减少HTTP请求的数量始终是首先要解决的问题之一。正确使用缓存可以实现与使用sprite相同的效果。毕竟,图形通常可以缓存很长时间。

    最小化脚本和样式表可能比在sprite中添加图形更有好处。

    管理sprite的代码可能会增加复杂性和开发人员开销,特别是随着开发人员数量的增加。

    在我看来,学习如何正确使用缓存头并正确配置web服务器或代码通常是提高性能的一种更有效的方法。

        2
  •  1
  •   MRR0GERS    14 年前

    如果你有相当数量的菜单项,你想做翻滚图像我建议去一个精灵系统,而不是做多个图像,所有这些都需要单独下载。我这么做的原因与你在帖子中提到的基本一致,只是做了一些修改:

    根据文件类型/压缩,图像文件本身的下载可以忽略不计。下载一张图片而不是多张图片通常在整体下载和加载方面更快。