大小:1,663.8M 语言: 简体中文
类型:金融理财 系统:macOS





这里为您提供的是一款webp图片转换器(腾讯智图webp图片转换器),使用非常简单,只要将图片拖到软件里面就可以自动为您转换了。全民养成之女皇陛下测试版-全民养成之女皇陛下(古风宫斗)附攻略4.18.6.8测试服
判断是否支持WebP
PC端,触屏版:
前端JS方案——利用img标签加载一张base64的WebP图片,在img标签的onload事件中判断该图片是否具有宽高的属性,若有表示支持webP,若没有表示不支持webP。后台判断方案——判断浏览器请求头Accept是否支持WebP,返回是否支持的标示给前台。
以上两种方案中,前端方案为佳,当JS被禁止的时候,可以使用后台判断方式执行判断。附上JS代码截图

iOS独立版:
用户直接拉取WebP格式的图片(如果CDN有存储),下载完成后在前端实时转码(前端开发的WebPsdk),将WebP图片转换为jpg或png图片。展示给用户的是普通图片。
这样做的好处在于下载WebP的时候节省了带宽,虽然在转码的时候会耗时,但是由于下载时间缩短中和了转码的时间,所以用户基本感觉不出来差别。我们在不延长用户等待时间的同时缩小图片体积,节省了带宽。
安卓独立版:
后台判断用户机器系统,当系统版本大于4.0的时候返回支持WebP标示(因为其原生支持),前端拉取图片时后台会根据这个标示决定使用原格式图片还是WebP格式的图片。
兼容方案
对于不支持WebP的浏览器,可根据是否支持WebP的判断来拉取jpg或者png图片,也可以使用flash作为载体来加载WebP图片(空间相册兼容低端浏览器方案)。
关于用户下载图片
PC和webview方案中,用户若想将图片另存为本地(可能本地不支持WebP预览展示),可在用户右击“另存为”的时候,绑定右击事件,加载当前WebP图片对应的jpg图片,然后直接下载jpg图片(空间相册方案)。
虽然这样的做法会导致多加载一张图片,但是由于只在右击时候触发加载,而且用户右击“另存为”的行为较少,消耗可不计。
WebP是Google在2010年发布的一种新型图片格式,支持无损和有损压缩。在无损压缩方面,同质量的WebP图片比PNG的体积小26%,而在有损压缩方面,同质量的WebP图片比JPEG小25-34%。WebP在不降低图片质量的同时,减少了约三分之一的体积。
2025/10/26 00:11/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 197 ) 盖楼(回复)
2025/10/18 20:04/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 200 ) 盖楼(回复)
2025/11/03 04:42/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 39 ) 盖楼(回复)
2025/11/08 04:14/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 149 ) 盖楼(回复)
2025/10/26 22:41/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 152 ) 盖楼(回复)
2025/11/01 18:15/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 100 ) 盖楼(回复)
2025/11/06 02:57/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 132 ) 盖楼(回复)
2025/10/27 13:35/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 64 ) 盖楼(回复)
2025/10/29 19:48/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 35 ) 盖楼(回复)
2025/11/04 16:18/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 124 ) 盖楼(回复)
2025/11/07 15:11/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 10 ) 盖楼(回复)
2025/10/19 10:35/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
">
支持( 77 ) 盖楼(回复)
/www/wwwroot/shequn/wp-admin/css/colors/red/template4.php on line 145
支持( 194 ) 盖楼(回复)
">