html – 精灵vs图像切片

发布时间：2020-12-14 19:29:59 所属栏目：资源来源：网络整理

导读：我对图像的精灵方法没有太多的经验( http://www.alistapart.com/articles/sprites).任何人都应该分享精灵与老派切片的一些优缺点？解决方法优点：服务器上服务的单个大图像比许多小图像容易得多. 网页浏览器加载这样的图像(稍微更快) 浏览器只能根据需要

我对图像的精灵方法没有太多的经验( http://www.alistapart.com/articles/sprites).任何人都应该分享精灵与老派切片的一些优缺点？

解决方法

优点：

>服务器上服务的单个大图像比许多小图像容易得多.
>网页浏览器加载这样的图像(稍微更快)
>浏览器只能根据需要加载图像 – 如果您在翻转中使用多个图像,浏览器将在您首次滚动元素时“暂停”.这可以使用精灵来解决,因为只有一个图像要加载.

缺点：

>这是一个痛苦的代码(更多的是比至少使用多个图像)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!