让 image 图片体积减小 7 成

收藏
我的收藏

简介

HEIC 是一种高效的容器图像文件格式,使用高效视频编码(HEVC)标准进行压缩,相比 JPEG、PNG 格式体积更小。
随机抽取 100 张小程序在使用的 JPEG、PNG 图片,转为 HEIC 图片,图片体积减小 74.75%。
小程序从抖音 28.0.0 版本开始增加对 HEIC 格式图片的支持。

判断当前设备是否支持 HEIC 格式

在不同的操作系统、系统版本上,小程序对 HEIC 格式的支持情况存在差异,分为 3 种情况:
    1.支持 HEIC 格式,且支持 alpha 透明度通道。
    2.支持 HEIC 格式,但不支持 alpha 透明度通道。
    3.不支持 HEIC 格式。
小程序平台通过 API 为开发者提供准确的判断结果,开发者可先获知当前设备的 HEIC 支持情况,再使用对应格式的图片。
let isSupportHeic = tt.canIUse("image.media-type.heic"); let isSupportHeicAlpha = tt.canIUse("image.media-type.alphaHeic");
小程序对 HEIC 格式的支持情况差异:
    iOS: iOS 12 及以上手机,支持 HEIC 格式,且支持 alpha 透明度通道。
    Android:除少量性能较差的机型外,都支持 HEIC 格式,但不支持 alpha 透明度通道。
说明
Android 将会在不久的未来升级至支持 HEIC 格式,且支持 alpha 透明度通道。

使用 HEIC 格式图片

在小程序中使用图片,主要分为两种情况,使用本地图片和使用在线图片。
如您需要使用本地图片,请先将小程序开发者工具升级至 4.1.8 版本或以上。
    可以在小程序开发者工具软件内点击关于抖音开发者工具查看版本信息,点击检查更新升级至最新版本。
除此之外,使用 HEIC 格式图片的方式和使用其他格式图片(如 JPEG、PNG)的方式一致。
<image src="https://test.com/test.heic" />