作者/来源：新睿云小编 发布时间：2020-05-19
WebP是谷歌开发的一种新图片格式，WebP是同时支持有损和无损压缩、使用直接色的、点阵图、透明度。
从名字就可以看出来它是为Web而生的，什么叫为Web而生呢？就是说相同质量的图片，WebP具有更小的文件体积。现在网站上充满了大量的图片，如果能够降低每一个图片的文件大小，那么将大大减少浏览器和服务器之间的数据传输量，进而降低访问延迟，提升访问体验。
webp 是谷歌开发的旨在增加图片加载速度的图片格式，它压缩后的大小约为jpg的2/3
在无损压缩的情况下，相同质量的WebP图片，文件大小要比PNG小26%；
在有损压缩的情况下，具有相同图片精度的WebP图片，文件大小要比JPEG小25%~34%；
WebP图片格式支持图片透明度，一个无损压缩的WebP图片，如果要支持透明度只需要22%的格外文件大小。
想象Web上的图片之多，百分之几十的提升，是非常非常大的优化。只可惜，目前只有Chrome浏览器和Opera浏览器支持WebP格式，所以WebP的应用并不广泛。为了使用更先进的技术，比如WebP图片格式，来压缩互联网上传输的数据流量，谷歌甚至提供了Chrome Data Compression Proxy，设置了Chrome Data Compression Proxy作为Web代理之后，你访问的所有网站中的图片，在经过Proxy的时候，都会被转换成WebP格式，以降低图片文件的大小。
webp 格式图片支持的浏览器
注：蓝色表示支持，红色表示不支持，Apple Safari 浏览器都不支持 webp，打不开
BitMap的缩写，是无损的、既支持索引色也支持直接色的、点阵图。
这是一种比较老的图片格式。BMP是无损的，但同时这种图片格式几乎没有对数据进行压缩，所以BMP格式的图片通常具有较大的文件大小。虽然同时支持索引色和直接色是一个优点，但是太大的文件格式格式导致它几乎没有用武之地，现在除了在Windows操作系统中还比较常见之外，我们几乎看不到它。
全称Scalable Vector Graphics，是无损的、矢量图。
SVG跟上面这些图片格式最大的不同，是SVG是矢量图。这意味着SVG图片由直线和曲线以及绘制它们的方法（算法）组成。当你放大一个SVG图片的时候，你看到的还是线和曲线，而不会出现像素点。这意味着SVG图片在放大时，不会失真，所以 svg 非常适合用来绘制企业Logo、Icon等。
SVG是很多种矢量图中的一种，它的特点是使用XML来描述图片。借助于前几年XML技术的流行，SVG也流行了很多。使用XML的优点是，任何时候你都可以把svg当做一个文本文件来对待，也就是说，你可以非常方便的修改SVG图片，你所需要的只需要一个文本编辑器。
SVG并非只能绘制简单的Logo类的图片，它可以绘制出精致的图片的。
Base64是网络上最常见的用于传输 8Bit字节代码的编码方式之一。
Base64编码可用于在HTTP环境下传递较长的标识信息, 直接把base64当成是字符串方式的数据就好了
利用Base64的不可读性，可以加密字符串，标准浏览器的window下有两个方法，分别是window.btoa和window.atob，（IE67下虽然不支持，但是可以用vbscript模拟）
4.1优点：
减少了http请求；
数据就是图片；
4.2缺点：
如果图片稍微有点大，这个字符串会很长很长；
IE6,7 你懂得；
为您提供出众的上云实践机会和全面的尊贵服务
立即注册
7*24
多渠道服务与支持
意见
反馈与投诉建议
1V1
专项服务
退款
7天无理由退款
企业电话：400-1515-720
企业邮箱：service@unionstech.cn
投诉邮箱：abuse@unionstech.cn
总部地址：北京市海淀区中关村E世界C座8层
每周有1个神秘大奖哟！
为您提供出众的上云实践机会和全面的尊贵服务
立即注册
每周有1个神秘大奖哟
联系我们
400-1515-720
service@unionstech.cn
北京市海淀区中关村E世界C座8层
京公网安备11010802031553号
QQ咨询
在线咨询
咨询热线