博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS Sprites
阅读量:6087 次
发布时间:2019-06-20

本文共 573 字,大约阅读时间需要 1 分钟。

是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
加速的关键,不是降低质量,而是减少个数。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按 计算。 每显示一张图片都会向服务器发送请求。所以,图片越多请求次数越多,造成延迟的可能性也就越大。
效果演示一:

 效果演示2:

截图:1:
2:
3:
4:
5:
6:
7:
8:

动画效果1:点击运行

动画效果2:点击运行

转载于:https://www.cnblogs.com/linn/p/3384164.html

你可能感兴趣的文章
struts2中Action到底是什么,怎么理解
查看>>
C++小思
查看>>
Longest Substring Without Repeating Characters
查看>>
Using the memcached telnet interface
查看>>
as3 AIR 添加或删除ApplicationDirectory目录下文件
查看>>
浅析伪数组
查看>>
验证码生成 点击刷新 ajax校验
查看>>
THINKPHP 默认模板路径替换
查看>>
mysql5.7 windows7编码统一utf-8
查看>>
nyoj-回文字符串--动态规划
查看>>
.Net Core 实践 - 使用log4net记录日志(2)
查看>>
洛谷 P1443 马的遍历
查看>>
部署腾讯云(CentOS6.6版本,jdk1.7+tomcat8+mysql)
查看>>
magento-installation: Magento SSL Error 310 net::ERR_TOO_MANY_REDIRECTS
查看>>
springboot跨域问题
查看>>
nginx搭建mp4和flv播放器
查看>>
CGI的函数
查看>>
异常与日志
查看>>
神经网络实现连续型变量的回归预测(python)
查看>>
python中关于正则表达式三
查看>>