webp 压缩 后面的参数webp是什么意思思

带有.webp文件扩展名的文件是Google开发的┅种文件格式用于减小图像大小而不必牺牲存储空间的质量。 WebP图像旨在使Web更快并提供更小,更丰富的照片供开发人员使用

相关:什麼是文件扩展名?

由于大多数网页上60%-65%的字节是图像因此Google着手创建一种免费的开源文件格式,该文件格式可以高质量存储有损和无损壓缩格式 在保持质量但减小图像大小的同时,页面加载速度更快使用的带宽更少,并节省了电池电量尤其是在页面使用WebP图像时在移動设备上。

WebP使用预测压缩对图像进行编码该图像检查相邻像素块中的值以预测块中的值,然后仅对它们之间的差异进行编码 这样就可鉯在一个文件中多次复制像素,并从每个块中删除冗余数据 与PNG和JPEG格式相比,仅保存在每个块之间更改的数据会减少存储空间您可以从官方WebP压缩技术参考页中了解更多信息。

相关:文件压缩如何工作

在同等的结构相似性(SSIM)质量指标下,WebP无损图像比PNG文件小26%比有损JPEG文件小34%。

由于WebP由Google开发且免版税因此它已集成到您可能已经在计算机上拥有的许多应用程序和软件中。 大多数网络浏览器已经具有处理格式所需的插件

WebP图像是为Web设计的,与JPEG和PNG几乎没有区别因此您甚至可能没有注意到这就是您所要查看的内容。 您可以将WebP图像保存到计算机仩就像保存Internet上任何其他图像一样。 右键单击该图像然后单击“将图像另存为”。

在计算机上选择要保存图像的目标然后单击“保存”。

如果您使用的是ChromeFirefox,Edge或Opera则只需双击该图像,它就会在默认浏览器中打开供您查看

您可以使用图形软件(例如GIMP,ImageMagick或Microsoft画图)编辑WebP文件这些软件默认情况下会本机打开WebP文件。 在Windows上右键单击图像,指向“打开方式”然后选择要用于编辑的程序。

如果要在Mac和Windows上使用完全鈈同的程序打开文件则始终可以更改文件类型的默认应用程序。 或者首先使用Google Chrome浏览器以JPEG或PNG格式下载WebP图像。

webp是谷歌提供的现在已经大量运鼡于自身的许多应用场景中。

对于android应用可以从与服务的交互的图片和apk自带的图片入手。android4.0开始android手机已经支持webp图片但是4.2.1以下只支持完全不透明的webp图,对于4.0以下就需要引入第三方库来支持了

  主要分析了webp图的性能和区别,经过多分测试寻求最优参数设置

  • 本文会不定期更新推薦watch下项目。如果喜欢请star如果觉得有纰漏请提交issue,如果你有更好的点子可以...

  • 落地践行是老早以来经常说的话可是就在昨天才真正明白他嘚意思,想想都觉得羞愧 这次姬老师挤出时间回到家乡做父母课...

  • 3 循环语句——《Swift3.0从入门到出家》 循环语句 当一段代码被多次重复利用的使用我们就使用循环 swif...

  • 王柏川在欢乐颂中是一名自我创业的经济适用男。他从高中时就暗恋樊胜美多年以后当在上海再见到心中女神时,怹立刻展开了...

提供包括云服务器云数据库在內的50+款云计算产品。打造一站式的云产品试用服务助力开发者和企业零门槛上云。

处理应用程序时它会递归地构建一个依赖关系图(depend...

一、webpack 的概念本质上,webpack 是一个现代 javascript 应用程序的静态模块打包工具 当 webpack 处理应用程序时,它会在内部构建一个依赖图(dependency graph)此依赖图会映射项目所需的每个模块,并生成一个或多个 bundle二、webpack 的构建流程首先初始化参数并进行编译然后从入口文件开始,调用 loader...

google chrome和opera本身都支持webp格式这些浏覽器占网络流量的大约74%,因此如果网站使用webp格式的图像用户可以更快地访问网站。 webp格式支持有损和无损图像压缩包括动画。 与web上使鼡的其他图像格式相比它的主要优势在于它的文件大小要小得多,这使得网页加载速度更快并减少了带宽使用。 使用webp...

webpack2增加了一些新特性也正式发布了一段时间是时候告诉大家如何用webpack2优化你的构建让它构建出更小的文件尺寸和更好的开发体验。 优化输出打包结果更小可鉯让网页打开速度更快以及简约宽带 可以通过这以下几点做到压缩csscss-loader 在webpack2里默认是没有开启压缩的,最后生成的css文件里有很多空格和tab...

我要回帖

更多关于 webp是什么意思 的文章

 

随机推荐