全国统一咨询热线:18925199527

新闻中心

新闻中心News Center

联系方式

联系方式Contact infoemation

电话:18925199527

邮箱:2880061754@qq.com

地址:广州市天河区林和西横路219号

当前位置:网站首页 > 行业新闻 > data类型图片优化

data类型图片优化

文章出处:http://www.dddjz.com/a/511.html 阅读量:12 发表时间:07-10 13:49
行业新闻

  随着搜索引擎的不断进步,外链在SEO优化当中的占的比重呈下滑趋势,而其他影响到用户体验的因素慢慢走近SEOer的视野。提升网页加载速度的一个途径就是减少HTTP请求次数。那么什么可以达到减少HTTP请求的目的呢?答案是:data类型图片。

  所谓data类型的Url格式,是在RFC2397中提出的,目的对于一些小的数据,可以在网页中直接嵌入,而不是从外部文件载入。

  data类型图片如何生成?

  将图片数据base64编码后,在前面加上:data:image/jpeg;base64,(其中的jpeg请替换成您自己的图片类型),即可使用于CSS文件(直接将CSS文件当中的图片路径替换为处理后的字符串即可,可以参考一下上面的图片)。

  data类型图片有何优点?

  data类型图片可以将CSS当中的所有图片都放到CSS文件当中而不需要重新发起请求加载,也就是说,只需要请求CSS文件就够了,减少了HTTP请求次数。并且增加图片或者删除图片可以直接增加和删除,不像雪碧图需要重新合成。非常方便。

  data类型图片的缺点

  data类型图片有一个缺点,就是data类型图片相比于文件图片的体积会大三分之一左右。因此不建议将非常大的图片也使用data类型,针对于小图片data类型更有优势。对于一些页面简洁的博客来说,将所有图标转化为data类型后放到CSS文件当中,完全可以仅仅只加载一个CSS文件就可以搞定整个页面的样式了。


相关资讯

More+

全国咨询热线:18925199527

二维码

地址:广州市天河区林和西横路219号

版权所有 © 1999-2017 Copyright © 1999-2017 All Rights Reserved

no cache
Processed in 0.473543 Second.