微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 精灵vs图像切片

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

解决方法

优点:

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

缺点:

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Mip是什么意思以及作用有哪些
怎么测试Mip页面运行情况
MIP安装的具体步骤有哪些
HTML添加超链接、锚点的方法及作用详解(附视频)
MIP的规则有哪些
Mip轮播图组件中的重要属性讲解
Mip的内联框架组件是什么
怎么创建初始的MIP配置及模板文件
HTML实现多选框及无法提交多数据的原因分析(附视频)
HTML如何设置复选框、单选框以及默认选项?(图文+视频)