佛山国外网站开发,寄生虫seo教程,网站开发 360浏览器,网站首页改版影响优化什么是Base64编码Base64编码是一种图片处理格式#xff0c;通过特定的算法将图片编码成一长串字符串#xff0c;在页面上显示的时候#xff0c;可以用该字符串来代替图片的url属性。base64编码就是长得像下面这样子的代码#xff1a;thunder://QUFodHRwOi8vd3d3LmJhaWR1LmN…什么是Base64编码Base64编码是一种图片处理格式通过特定的算法将图片编码成一长串字符串在页面上显示的时候可以用该字符串来代替图片的url属性。base64编码就是长得像下面这样子的代码thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg上面代码大家都熟悉吧迅雷下载链接哦就是base64编码后的地址所以以后看到这种一堆连续字母最后有1~2个的代码就是base64。Base64编码并不只是用在图片处理上还可以用在URL转换上比如上述我们常见的迅雷以thunder开头的专用地址就是通过Base64加密处理过后的URL地址。base64:URL就是URL地址是base64编码的。例如下面这个base64与文件数据编码在网络中通过HTTP传输的文件还可以通过base64对数据进行编码进行传输。就如上面的这个base64的gif格式图片。当然可以base64编码的文件不仅仅是图片也可以是字体文件例如(中间有缺省)font-face{font-family: forTest;src: url(data:font/woff;charsetutf-8;base64,d09GRgABAAAAAAh4 ... RFERuENEGADl7JlY) format(woff);}自然对于background-image图片我们也可以使用base64编码进行传输例如background-image:url(data:image/gif;base64,R0lGODlhBAABAIABAMLBwfLx8SH5BAEAAAEALAAAAAAEAAEAAAICRF4AOw);使用base64:URL的优缺点base64:URL传输图片文件的好处在于1减少了HTTP网络请求。我们都知道网页上的图片资源如果采用http形式的url的话都会额外发送一次请求网页发送的http请求次数越多会造成页面加载速度越慢。而采用Base64格式的编码将图片转化为字符串后图片文件会随着html元素一并加载这样就可以减少http请求的次数对于网页优化是一种比较好的手段。2采用Base64编码的图片是随着页面一起加载的不会造成跨域请求的问题。3没有图片更新要重新上传不会造成清理图片缓存的问题不足在于1 浏览器支持使用base64编码图片作为背景图片的这种技术IE6/IE7浏览器是不支持的(IE9浏览器IE7模式下支持)。对于目前PC页面兼容性问题使没有文件上传以及无需更新缓存的优点不存在了。2 增加了CSS文件的尺寸当我们将一个只有几KB的图片转化为Base64格式编码生成的字符串往往会大于几KB如果将其写在一个css文件中这样一个css文件的大小会剧增造成代码可读性差不说还会造成请求传输的数据量递增。3 造成数据库数据量的增大如果我们将Base64位的编码的图片存入数据库中会造成数据库数据量的增大这样的效果还不如将图片存至图片服务器而只在数据库中存入url字段。何时使用分析了Base64编码的优劣那么我们该如何正确的使用Base64编码呢这里总结出使用Base64编码的几个地方。这类图片不能与其他图片以CSS Sprite的形式存在只能独行这类图片从诞生之日起基本上很少被更新这类图片的实际尺寸很小这类图片在网站中大规模使用对于极小或者极简单的图片例如只有几像素的图片不用考虑跨域问题也不想页面的图片缓存果断用base64。
