1.图片理论基础 2.使用Adobe FireWorks切图和S0VG的处理 可以单独生成一个图片的切图 选择多个切图部分生成CSS Sprite，甚至CSS和html都生成了对应的文件。 3.PhotoShop切图 选择对应的图层，右击复制图层，选择新建——透明，生成对应图像。 选中图像图层，再选 ...
分类：
其他好文 时间：
2017-07-02 22:16:29
阅读次数：
189
css sprite 为什么使用css sprite？ 网页上的非常多静态小图片在载入时须要大量http请求，添加了响应时间。（哈哈。雅虎34条优化法则的第一条啊） css的background-position:x,y; 利用分层实现 1、设置块状元素大小 2、改变背景的位置 3、实现(非常多小图 ...
分类：
Web程序 时间：
2017-06-25 19:37:55
阅读次数：
207
关于CSS Sprite CSSSprites在国内很多人叫css精灵雪碧图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的 ...
分类：
Web程序 时间：
2017-06-15 19:34:43
阅读次数：
247
提要：对于传统的一般用css雪碧（css sprite）来搞，目前大部分网站已经主要字体图标 ，利用font+css 或者font+html 来开发，今天总结了一下，记录之~ css sprite用背景图片定位，兼容性好，图标颜色丰富，但是对于网站缩放来讲，会使图片失真，也不容易维护；而当我们运用字 ...
分类：
Web程序 时间：
2017-06-09 17:30:54
阅读次数：
292
CSS自定义样式 1. 自定义字体 先将字体文件放到web服务器上，需要时自动下载到用户计算机上 注意：一次只能引入一种字体，引入多种字体需要写多个@font-face。 2. sprite雪碧图 CSS雪碧，即CSS Sprite，是将小图标和背景合成到一张图片上，利用CSS背景定位来显示需要显示 ...
分类：
Web程序 时间：
2017-04-30 18:32:56
阅读次数：
299
CSS雪碧图，就是把所有的图表，按钮和图形包含在一个图像里面。它要求： 静态图片，不随用户信息变化而变化；小图片，图片容量比较小；加载量比较大。 使用这种技术可以减少Web浏览器发出的服务器请求，显著加快下载速度。同时把小图片，按钮集中在一起，可以提高维护性。 在这里介绍一款CSS Sprite自动 ...
分类：
其他好文 时间：
2017-04-23 01:15:39
阅读次数：
211
1. 什么是CSS Sprite 将一些碎小的图片拼接为一张大点的图片来使用，目的是为了减少浏览器的http请求次数以提高网页的加载速度。每次请求图片都需要跟服务器建立一次连接，并且浏览器的最大并发请求数是有限制的。使用雪碧图并不能减少传送的数据的总量，但可以通过节省掉一部分建立、关闭连接的时间来加... ...
分类：
Web程序 时间：
2017-01-27 07:06:26
阅读次数：
297
CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 是指将多个icon图拼接成一幅大图，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。作用是减少加载网页图片时对服务器的请求次数,提高页面的加载速度。 img标签和CSS背景使用图片在使用场景上有 ...
分类：
Web程序 时间：
2016-12-17 22:33:35
阅读次数：
205
性能优化的方法有： 1、减少HTTP请求：合并CSS/JS，使用CSS sprite等 2、压缩CSS/JS/图片 3、样式表放头部，JS放body底部：JS放在head中，将会等到js全部下载解析和执行后才会显示页面内容。 4、减少DOM操作，DOM操作很消耗性能，另外注意HTMLCollecti ...
分类：
Web程序 时间：
2016-12-05 14:33:43
阅读次数：
199
第一步：加载优化 减少HTTP请求。 因为手机浏览器同时响应请求为4个请求（Android支持4个，iOS 5后可支持6个），所以要尽量减少页面的请求数，首次加载同时请求数不能超过4个。a) 合并CSS、JavaScript；b) 合并小图片，使用雪碧图（CSS SPRITE）； 减少HTTP请求。 ...
分类：
Web程序 时间：
2016-11-22 23:23:14
阅读次数：
285
