本篇文章给大家谈谈雪碧动漫人物可爱图片，以及雪碧动漫人物可爱图片大全对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
CSS Sprites 因其英文被称为 雪碧图 。 主要用于把一堆小图标整合在一张背景透明的大图上，通过设置对应的位置来显示不同的图片，目的是大幅减轻服务器对图片的请求数量，是前端性能优化的一种方式。
雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更好。使用雪碧图的优点有以下几点：将多张图片合并到一张图片中，可以减小图片的总大小。
一般来说，在某一模块（比如一个播放器）需要的图片很多而每张图片又不是很大时，可以考虑切成雪碧图交给前端。但目前很多前端构建工具里面有雪碧图合并功能，所以如果前端使用了构建工具可以把合并的功能交给前端。雪碧图还有一个妙用，那就是替代gif。
请求合并是前端优化的必要手段，不止是针对图片，这里我只列举针对图片优化的方案，当然每种方案都有他的弊端。用雪碧图来合并多张小图片的方案已经有很多年了，它成本低兼容好，确实能解决不少问题，但是使用雪碧图同时会带来一些副作用需要我们解决。
减少http请求：在YUI35规则中也有提到，主要是优化js、css和图片资源三个方面，因为html是没有办法避免的。
绿色包装雪碧即将成为历史，将用更加环保的透明容器，雪碧宣布将从8月1日起放弃标志性的绿色瓶子包装，转为更加环保的透明容器，绿色包装雪碧即将成为历史，将用更加环保的透明容器。
雪碧在一些国外市场已经从绿瓶改用透明塑料瓶等。为了更环保，雪碧将不再使用绿色瓶 经过60多年发展后，雪碧宣布将从8月1日起放弃标志性的绿色瓶子包装，转为更加环保的透明容器，但其熟悉的绿宝石色调仍将在标签上使用。
雪碧将绿瓶变成白瓶是为了更环保。据美国有线电视新闻网（CNN）报道，可口可乐公司表示，为了更环保，雪碧将把绿色瓶包装改为透明塑料包装，从而结束了绿瓶沿用60多年的历史。可口可乐公司表示，目前的瓶子含有无法循环利用的绿色聚对苯二甲酸乙二醇酯（PET），而使用透明瓶可以减少塑料垃圾。
1、减少鼠标滑过的一些bug IE6不会主动预加载鼠标滑过即a：hover中的背景图片，所以，如果使用多张图片，鼠标滑过会出现闪白的现象。使用CSS雪碧，由于一张图片即可，所以不会出现这种现象。
2、background-position需要x轴和Y轴两个值，如果只写一个值，第二个值默认center。所以就没有继承一说了，你想hover重置第二个值，第一个值也是要再写一遍的，不能继承。
3、先将各元素单独切出来，放到一个文件夹内；将ps里的文本等元素关闭显示，再切背景；整合较小的图片做成雪碧图（该步骤可以在第一步时完成）；用HTML代码编写布局及结构；用CSS代码编写呈现效果。
4、常见的优化方案：使用DataURI即（base64）编码代替图片：适用于图片大小于2KB，页面上引用图片总数不多的情况，原理是将图片转换为base64编码字符串inline到页面或CSS中，可以减少HTTP请求。
雪碧动漫人物可爱图片的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于雪碧动漫人物可爱图片大全、雪碧动漫人物可爱图片的信息别忘了在本站进行查找喔。
发表评论 取消回复