目的
为了提高网站整体性能,针对我们网站图片比较多,我们决定采用 image sprite 方案减少 http 请求以优化性能;
规则
使用此方案有两个必须遵循的规则:
- 图片必须是两倍图一倍使用
两倍图在切图时完成;使用时,按照一倍使用;例如:图片大小是44*44,我们使用的时候包裹图片的容器应该是22*22。 - 必须为 png 图片,以 iconP 开头,即 iconP*.png
例如:iconP-avatar.png;
建议
- 建议只合并复用的图片(在多个页面出现);
- 建议只针对尺寸比较小的 icon(<100*100);
- 图片大小以不超过 2k 为宜;
网友评论