Sprite图像拼合技术优缺点

Posted 2020-06-24

     网页加速过程中，图片个数越多就越可能造成一直加载不出来的现象，Sprite图像拼合可以让页面中设计到的小图标都整合到一个图片上，通过图像位置定位来操作。

    优点: 图片变成一张肯定所占位置更少，减少加载时间，增强用户体验；作为设计师来说不用对各种小图标命名，减少工作量，再一个就是对风格的更改整体操作来说更为简便。

     缺点：背景大小，容易出现断裂，相比之下不是直接替换照片，而是利用PS来测量好每一个的位置，环节繁琐一些，当然更改部分元素的同时需要动整体，也比较麻烦一些。

    总的来说：图片拼合技术适用于网页上图标相对不会变动的情况下，像经常会用于更新更改的区域，更换图片等等的并不建议使用。