一个网站的构建不仅仅只有繁杂的编程代码,它也是由多个部分集成而成,包括图片、文字等。相信总是在与图片打交道的朋友们,应该都有注意过图片的格式吧,例如JPG、PNG、SVG等文件格式,这些都是我们日常所常用的图片格式。人们大多按照自己的对图片的需求而选用不同的格式,而除此之外,为了能够增强网站的可访问性,谷歌创建了新的图片文件格式:webp,它的存在大大降低了网站建设中图片的体积大小,在很大程度上提高了网站的加载速度、为网站SEO提供了有力的帮助。
webp是啥?
webp图片文件格式,它的出现其实可以追溯到2010年,到目前为止,网络上支持使用该图片文件格式的浏览器占据了94%。它的设计目标,不仅仅只是单纯降低图片文件的体积大小,在这基础上,还能够达到JPG、PNG等格式一致的图片质量。如此一来,图片文件在网站上的上传时间便能够有效降低。webp格式,同时采用有损压缩和无损压缩的方式,可以根据需要来保存webp图片文件,这样尽管你压缩网站的图片,也不会因此而丢失数据。
webp优缺点
诚然,一个新事物的诞生,它是否能够顺应时下的发展,得要看看它能够以什么特点来征服用户。在习惯于使用JPG、PNG等图片格式的大流行下,webp要想打入市场,那它都具备了那些优点呢?
缩小的图片体积,为整个网站提供了更快的加载速度,随之而来用户体验也在大幅攀升,这样也有利于网站的排名提高;
在网络技术的逐渐发展过程中,大部分的搜索引擎也都在接受webp图片文件格式,能够达到高度的兼容,例如,Google、火狐等;
一个内容丰富的网站,图片也肯定是必不可少的,在使用webp格式的图片,能够为网站减少更多的图片占用空间,节省带宽。
俗话说,尺有所长寸有所短,webp的使用并不都是完美无缺的,它也存在着自身的缺陷:
正如上文所说,webp图片文件格式是为了给网站提供在线服务的,所以,如果你离线使用便行不通了;
尽管webp图片文件格式的兼容性较高,但是相对较旧的浏览器如IE浏览器中,展示的图片效果或许就没有这么尽善尽美;
虽然webp的图片格式确实是能够以图像的小体积、高质量取胜了,但如果之后它受到少量的压缩也会极大影响图片的质量。
webp VS PNG、JPG
既然通篇读完,我们对webp图像文件格式也有了大致的了解,那它跟图片格式中的“网红”JPG、PNG格式相比,结果究竟如何?跟PNG相比,webp所存储的图像文件在不影响原有的图片质量的前提下,所占体积大小比其足足小了26%;再加上文件占用体积过小的原因,webp在网页中的加载速度也就更快了。
而webp与JPG的图片的对比就更加显而易见了,在sytech科技对图片文件格式的相关研究中发现,在SSIM质量指数(图片质量评估算法)相同的前提下,使用webp图片格式比JPG要小25%-34%左右。而webp在这场博弈中,相对占下风的可能就是webp文件格式并不兼容于所有的搜索引擎。