WebP 是 Google 发明的更小的替代 JPEG 和 PNG 的格式。最近有很多关于 WebP 支持的疑惑,细说来就是可以用它做什么,不能做什么,比如说浏览器支持,CMS 支持等等。今天我想清除你所有可能的疑虑。WebP 的支持程度实际上比你想的可能要好得多。
WebP 浏览器支持
并非所有浏览器都支持 WebP,所以很重要的是你得清楚哪些浏览器是支持的,这可能会影响你做决定,是否在你的网站或项目中转换并采用 WebP 图片。下面是所有主流浏览器及其 WebP支持程度。
截至 2016 年 7 月,全球浏览器对 WebP 支持率是 69.6% – caniuse.com
Chrome WebP
Google Chrome 官方自 Chrome 23 起开始支持 WebP)(最初发布于 2012 年 11 月),自 Chrome 9 起部分支持。部分支持指的是并不支持无损的、支持 alpha 通道的 WebP。
Google 的安卓浏览器从 4.2 版本起开始官方支持 WebP(最初发布于 2012 年 11 月),4 版本起开始部分支持。Google Chrome 安卓版从 Chrome 50 起开始支持 Webp。
Opera WebP
Opera 官方自 Opera 12.1 开始支持 WebP(最初发布于 2012 年 11 月),自 Opera 11.5 起部分支持。部分支持指的是并不支持无损的、支持 alpha 通道的 WebP。
Opera mini 浏览器当前所有版本都官方支持 WebP。
FireFox WebP
Firefox 当前不支持 WebP。Mozilla 论坛的 bug 856375 正在讨论此事。
Internet Explorer WebP
Internet Explorer 和他们新的 Edge 浏览器,都不支持WebP。而且目前并无添加支持的任何打算。不过,已有用户发声讨论,人们要求微软将 Webp 支持加入 Edge。
Safari WebP
Apple 的 Safari 浏览器及其 iOS Safari 浏览器都不支持WebP。不过,最近 HTML5test 有条推文说我们有望在 iOS 10 看到Safari支持 WebP。iOS 10 目前处于 beta 测试阶段,所以时间会说明一切。
阅读全文
http://click.aliyun.com/m/22672/
分享到:
相关推荐
Webp 格式 Google webp 格式是专用于网络的高级图像格式。 它支持有损和无损压缩。 有损时比 JPEG 小。 无损时比PNG小。 支持任何压缩的 alpha 通道。 更多信息。 安装说明 要使用 .Net 层,首先需要为 Windows ...
Rails CarrierWave WebP图像编码示例 这是一个简单的Rails应用程序,显示了如何使用CarrierWave和WebP-ffi(用Ruby编写的libwebp包装器)将图像转换为WebP格式。 笔记 如果需要在不使用CarrierWave版本的情况下转换...
WebP_v0.5b9_mac
s1200.webp_CATS_Foto_源码
:high_voltage: 优化下一代格式AVIF / WebP的图像 :high_voltage: 带条纹的安全付款/结帐 :high_voltage: 免费的电子商务-无需月费即可上手! :high_voltage: 零冷启动和无服务器,带Netlify功能 如何部署 您将...
|这是基于Golang的服务器,可让您即时提供WebP图像。默认情况下,它将转换jpg,jpeg,png文件,可以通过编辑config.json对其进行自定义。当前支持的图像格式:JPEG,PNG,BMP,GIF(目前为静态图像)例如,当您访问...
webp图片处理动态库和jar包,支持win32,win64,linxu等环境,一套使用。https://blog.csdn.net/luoqinglong850102/article/details/107313013
foto cats for my activations
目录 特征输入jpg / png,输出webp(不处理svg / gif) 自动检查您的浏览器是否支持webp并使用它支持云映像服务 阿里云 华为云 秦牛云支持SSR :up_arrow: 回到顶部 安装yarn add @femessage/v-img :up_arrow: 回到...
用法将 webp-imageio.jar 添加到应用程序的类路径确保 libwebp-imageio.so、libwebp-imageio.dylib 或 webp-imageio.dll 可在 Java 本机库路径(java.library.path 系统属性)上访问WebP 读取器和写入器可以像任何...
foto for my activation2
即使有gif和webp支持! 演示版 平移和缩放 gif支持 入门 添加依赖项 注意:请将此下载网址放在repositories的第一部分,否则,gradle可能会在错误的位置搜索。 allprojects { repositories { maven { url " ...
最近我创建了更通用和 golang 语言友好的版本来制作支持 image.Image 界面的 webp 动画,这将有助于创建 webp 动画,不仅可以从 gif 动画,还可以从你将在 image.Image 界面中获得的任何图像源。 所以我强烈建议...
foto for my activation
各大cdn也是支持webp图片格式输出。 五、项目中的实践 实践中对h5活动页采用webp图片加载方案。h5 页面查看地址: 总体实现流程 技术细节 webp兼容性如何检测? 1、通过js浏览器端判断是否支持webp function check_...
动画图像(GIF / APNG / WebP)支持抖动。 该插件正在建设中,缺乏基本功能。 用法 要求它 在pubspec.yaml : dependencies : flutter : sdk : flutter flutter_animated : any 基本用法 // import import '...
Magento 2 WebP优化图像扩展 名列第一 :1st_place_medal: 适用于Magento 2的WebP优化图像解决方案。Magento 2中的.webp图像转换已有2年以上的历史,可信赖,可靠且可靠。 该扩展程序会自动将原始的.jpg / .png图像...
WebP图像支持 :rocket: 入门 首先,运行开发服务器: npm run dev # or yarn dev 用浏览器打开以查看结果。 您可以通过修改pages/index.js来开始编辑页面。 页面在您编辑文件时自动更新。 :writing_hand: ...
启用JPG,PNG和WebP 使用 与兼容,可进行快速图像处理 :high_voltage: 完全可配置 设置 将模块添加到您的项目中: npm install nuxt - responsive - loader // OR yarn add nuxt - responsive - loader 添加nuxt...
WebP-魔术一个简单的应用程序,它从屏幕截图中创建动画 WebP。 只需单击“开始按钮”,稍等片刻,然后单击“停止按钮”。 然后将创建动画 webp(output.webp)。 然而“导出按钮”是无用的。开发环境QT 创作者 + QT5 ...