webp是什么文件格式？

一、webp 是什么？

webp 是一种新的图像格式，用于web项目，可以大大提高网站访问速度。

同样的分辨率，大小比 jpg、png 小 25% 以上；
Chrome、Firefox、Edge、Opera 等都支持此格式。

二、怎么使用？

1、下载和安装

下载对应平台软件包，软件包中包含 png/jpg 与 webp 相互转换的工具以及开发所需的库和头文件。下载链接

libwebp-1.2.1-windows-x64.zip ：适用于 Windows-x64
libwebp-1.2.1-linux-x86-64.tar.gz：用于 GNU/Linux-x86_64
libwebp-1.2.1-mac-10.15.tar.gz：适用于 macOS 10.15+ (Catalina)

2、工具介绍

cwebp

将图像转换为 WebP，支持的格式有：PNG、JPEG、TIFF、WebP 或原始 Y’CbCr 样本。
```
cwebp -q 100 image.png -o image.webp
```
dwebp

将 WebP 转换为图像，支持的格式有：为 JPE、PNG、PAM、PPM 或 PGM 图像。
```
dwebp picture.webp -o output.png
```
gif2webp

将 GIF 图像转换为 WebP。
```
gif2webp picture.gif -o picture.webp
```
img2webp

从输入图像序列创建动画 WebP 文件，支持的格式有：PNG、JPEG、TIFF 或 WebP。
```
img2webp -loop 2 in0.png -lossy in1.jpg -d 80 in2.tiff -o out.webp
```
vwebp

解压缩 WebP 文件并使用 OpenGL 在窗口中显示它。
```
vwebp picture.webp
```

三、png/jpg 与 Webp 相互转换

下面是在 Mac 系统下，进行图片格式相互转换的实例。

// 1、安装
brew install webp// 2、webp 转 png/jpg
dwebp xxx.webp -o xxx.png
dwebp xxx.webp -o xxx.jpg// 3、png/jpg 转 webp
cwebp -q 100 xxx.png -o xxx.webp
cwebp -q 100 xxx.jpg -o xxx.webp// 4、批量 webp 转 png
find ./ -name "*.webp" -exec dwebp {} -o {}.png;

四、进一步无损压缩

可以对 webp、png、jpg 文件，进一步无损压缩，最终可减少 70% 的存储空间。详情，看这里！

五、参考文档

webp是什么文件格式？

webp是什么文件格式？相关推荐

【面试】2018大厂高级前端面试题汇总
面试的公司分别是:阿里.网易.滴滴.今日头条.有赞.挖财.沪江.饿了么.携程.喜马拉雅.兑吧.微医.寺库.宝宝树.海康威视.蘑菇街.酷家乐.百分点和海风教育. 阿里使用过的koa2中间件 koa- ...
400 道前端面试题！阿里、头条、网易等 19 家大厂面经全公开！
作者 | 木易扬责编 | 伍杏玲本人是去年 7-8月开始准备面试,过五关斩六将,最终在年末抱得网易归,深深感受到高级前端面试的套路.以下是自己整理的面试题汇总,不敢藏私,统统贡献出来. 面试的公司 ...
2018国内各大互联网公司前端面试题汇总【转：公众号~~高级前端进阶公众号】
阿里使用过的koa2中间件 koa-body原理介绍自己写过的中间件有没有涉及到Cluster 介绍pm2 master挂了的话pm2怎么处理如何和MySQL进行通信 React声明周期及自己 ...
2021前端面试及答案---（全部涉及比较全）
2021前端面试及答案----(全部涉及) 更新中- 小编从四月十九号开始了面试之旅也是成功蹭到了五一带薪假,线下面试面了五家全过,(牛马?)过程中被问到的问题和面试前小编自己刷过感觉重要的题跟大家 ...
2018 大厂高级前端面试题汇总
(给前端大全加星标,提升前端技能) 作者:木易杨本人于7-8月开始准备面试,过五关斩六将,最终抱得网易归,深深感受到高级前端面试的套路.以下是自己整理的面试题汇总,不敢藏私,统统贡献出来. 面试的公 ...
一个快速去除黑背景和其他颜色背景，生成透明PNG图的小工具
做粒子效果或者其他一些图案的时候,时常能找到不少原图,但是却有黑色的背景或者其他背景色,导致用起来比较麻烦.这个小工具就可以方便的去除黑背景,生成透明PNG图,可以把想要的图案方便的取出来. 链接请见 ...
2022大厂高级前端面试题汇总
本人于7-8月开始准备面试,过五关斩六将,最终抱得网易归,深深感受到高级前端面试的套路.以下是自己整理的面试题汇总,不敢藏私,统统贡献出来. 面试的公司分别是:阿里.网易.滴滴.今日头条.有赞.挖财. ...
webp转换gif_右键转换文件格式
我们经常会遇到下载的视频文件或音频文件无法正常播放这时候就需要文件转换, 市面上这种转换器非常多,有收费的有免费的,今天给大家分享一个免费的文件转换器比市面上所有的转换都要方便转换器[FileCo ...
细说安装php的webp文件格式支持
研发需要转换webp图片,当前服务器环境不支持,需要追加相关插件. 网上查找了很多资料,有的三五句一带而过,有的洋洋洒洒,一堆代码, 没找到一篇操作性强的文章. 在测试服务器上倒腾了半天,好不容易装上 ...
webp批量转换jpg_转换文件格式快人一步！右键菜单直接转换，支持图片、文档、视频等……...
雷锋哥平时很少用到转换工具,偶尔临时用到转换,才会下载相关的转换软件或者找在线转换,但是一些在线转换还要你注册甚至付费才能用. 今天要给大家推荐这款「File Converter」万能格式转换工具 ...

webp是什么文件格式？

一、webp 是什么？

二、怎么使用？

1、下载和安装

2、工具介绍

三、png/jpg 与 Webp 相互转换

四、进一步无损压缩

五、参考文档

webp是什么文件格式？相关推荐

最新文章

热门文章