Image Sprite

目的

为了提高网站整体性能，针对我们网站图片比较多，我们决定采用 image sprite 方案减少 http 请求以优化性能；

规则

使用此方案有两个必须遵循的规则：

  1. 图片必须是两倍图一倍使用
    两倍图在切图时完成；使用时，按照一倍使用；例如：图片大小是44*44,我们使用的时候包裹图片的容器应该是22*22。
  2. 必须为 png 图片，以 iconP 开头，即 iconP*.png
    例如：iconP-avatar.png；

建议

  1. 建议只合并复用的图片（在多个页面出现）；
  2. 建议只针对尺寸比较小的 icon（<100*100）；
  3. 图片大小以不超过 2k 为宜；

未完待续。。。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容