前端杂谈 · Web

前端性能优化 优化CSS Sprite

•̀.̫•́✧ · 5月1日 · 2020年本文186字 · 阅读1分钟54
  1. 水平排列Sprite中的图片,垂直排列会增加图片大小;
  2. Spirite中把颜色较近的组合在一起可以降低颜色数,理想状况是低于256色以适用PNG8格式;
  3. 不要在Spirite的图像中间留有较大空隙。减少空隙虽然不太影响文件大小,但可以降低用户代理把图片解压为像素图的内存消耗,对移动设备更友好。100×100 的图片是 1 万个像素,而 1000×1000 的图片就是 100 万个像素了。
0 条回应