找回密码
 我要注册

QQ登录

只需一步,快速开始

查看: 665|回复: 0

腾讯旗下 智图 高效优质的图片优化平台

[复制链接]
发表于 2022-12-21 11:22 | 显示全部楼层 |阅读模式
智图平台是什么?
智图是腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的平台,其功能包括针对png,jpeg,gif等各类格式图片的压缩,以及为上传图片自动选择最优的图片格式。同时,智图平台还会为用户转换一份webp格式的图片。

如何使用智图平台?
您只需要将要优化的图片(可以包括文件夹)拖拽区到工作界面,系统会自动上传图片并经过智图压缩,返回新的图片。您也可以根据自己的实际使用情况选择不同的压缩率。

腾讯旗下 智图下载·高效优质的图片优化平台

腾讯旗下 智图下载·高效优质的图片优化平台

腾讯旗下·智图下载·高效优质的图片优化平台

智图好在哪里?
智图能够自动为您选择压缩率压缩并且在合适的情况下为您选择正确的图片格式。与此同时,智图也会为您上传的图片转换一份webP格式的图片。

什么是WebP格式的图片?
WebP是Google在2010年发布的一种新型图片格式,支持无损和有损压缩。在无损压缩方面,同质量的WebP图片比PNG的体积小26%,而在有损压缩方面,同质量的WebP图片比JPEG小25-34%。WebP在不降低图片质量的同时,减少了约三分之一的体积。详细可参考谷歌官方

我能用WebP格式的图片?
这里为大家总结下使用WebP时需要注意的地方以及如何兼容性地使用WebP格式的图片,点击查看

智图API
目前智图开放的API接口已被封装为gulp插件,方便用户接入在本地运行。其他平台的API正在紧密开发中。敬请期待!gulp插件下载使用说明地址如下:智图 for gulp

WebP使用方案  判断是否支持WebP
PC端,触屏版:
前端JS方案——利用img标签加载一张base64的WebP图片,在img标签的onload事件中判断该图片是否具有宽高的属性,若有表示支持webP,若没有表示不支持webP。后台判断方案——判断浏览器请求头Accept是否支持WebP,返回是否支持的标示给前台。

以上两种方案中,前端方案为佳,当JS被禁止的时候,可以使用后台判断方式执行判断。附上JS代码截图

iOS独立版:
用户直接拉取WebP格式的图片(如果CDN有存储),下载完成后在前端实时转码(前端开发的WebP sdk),将WebP图片转换为jpg或png图片。展示给用户的是普通图片。
这样做的好处在于下载WebP的时候节省了带宽,虽然在转码的时候会耗时,但是由于下载时间缩短中和了转码的时间,所以用户基本感觉不出来差别。我们在不延长用户等待时间的同时缩小图片体积,节省了带宽。

安卓独立版:
后台判断用户机器系统,当系统版本大于4.0的时候返回支持WebP标示(因为其原生支持),前端拉取图片时后台会根据这个标示决定使用原格式图片还是WebP格式的图片。

兼容方案
对于不支持WebP的浏览器,可根据是否支持WebP的判断来拉取jpg或者png图片,也可以使用flash作为载体来加载WebP图片(空间相册兼容低端浏览器方案) 。

关于用户下载图片
PC和webview方案中,用户若想将图片另存为本地(可能本地不支持WebP预览展示),可在用户右击“另存为”的时候,绑定右击事件,加载当前WebP图片对应的jpg图片,然后直接下载jpg图片(空间相册方案) 。
虽然这样的做法会导致多加载一张图片,但是由于只在右击时候触发加载,而且用户右击“另存为”的行为较少,消耗可不计。
感谢你的阅读,本文由腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。

智图下载
尊敬的pmfans.com用户,您可根据电脑系统选择以下对用版本安装使用。
安装说明:下载智图客户端安装后可直接在本地进行图片压缩优化处理,无需联网,压缩速度快,压缩率高。


产品邦 为职场人打造专业的产品、运营、交互体系知识库
您需要登录后才可以回帖 登录 | 我要注册

本版积分规则

Archiver|手机版|小黑屋|产品经理资源导航 ( 粤ICP备12078725号 )

GMT+8, 2024-12-18 21:56

Powered by Discuz!

产品邦 2012-2024

快速回复 返回顶部 返回列表