css中图片定位之所有图标放在一张图上
来源:互联网 发布:2017网民数据 编辑:程序博客网 时间:2024/06/09 23:05
如今做网页为了使网站丰富多彩,富于表现力,往往需要应用大量的图片/图标。如何处理这些图片,使其尽量不影响网页载入,解析等速度,是一个不大不小的问题。如果你的网站用各种图标图案装饰的靓丽无比,但是需要等待较长的时间加载,那么相信很多用户会等不及而离开。尽量将图片做的小些,可能是大部分人选择的解决之道。但是100张1kb的图片加载与一张100kb的图片加载,这之间又是不同的,这涉及到网站服务器的同时连接数,网络质量等。但是,显然,加载一张图片要远比加载多张图片简便的多。
还有最重要的一点,就是涉及到用户动作才表现的图片,例如鼠标移上/移下的图片切换,由于是由动作触发的,所以在动作触发前是不会加载的,而当需要时再从服务器下载,这之间又需要一定的时间,如果图片较大,此时网络质量又不太好,就会出现页面空白。而以上这一切,如果你将所有需要的图片放到一张图片上,这些问题就都不会有了。因为在网页加载时这张图片就已经从服务器上下载来了,所以不会出现丢失,未加载等现象。
0 0
- 浅谈css中图片定位之所有图标放在一张图上
- 浅谈css中图片定位之所有图标放在一张图上(一)
- 浅谈css中图片定位之所有图标放在一张图上
- css中图片定位之所有图标放在一张图上
- 网页中多个图标在一张图片上,使用css将各图标显示
- 将所需要的小图标放在一图片中,用像素定位图片
- Qt 样式表中定位所需要图标在整张图片中的位置(一张图告诉你)
- 鼠标放在小图片上显示大图标
- 鼠标放在小图片上显示大图标
- css设置:在一张图片上加载另一张图片
- 前端性能之-为何要将多个图标放在一张背景图里?
- Ubuntu上在启动器上放图标
- Ubuntu上在启动器上放图标
- css实现对背景图片的定位,获得一张图片上不同位置的内容
- 为何要将多个图标放在一张背景图里?
- css之图片定位
- 图片放上效果ImageHover.css
- openpyxl 学习之在excel文档中插入一张图片
- 异常处理
- 计数排序
- java split 竖线 |
- Tab效果之radiogroup+fragment
- XML 新手入门基础知识
- css中图片定位之所有图标放在一张图上
- Windws 服务程序的安装
- 16进制
- matlab学习笔记:图像处理
- 黑马程序员——继承、抽象
- Grub Rescue
- expdp / impdp 用法详解
- openfire本地环境搭建和openfire插件开发实例
- 在Javascript中定义对象