这儿记载下自己了解的HEIC及其在iOS开发中的实践。

一、HEIC简介

iOS 开发HEIC图标实践总结

HEIF(High Efficiency Image Format),即高效图画格局。HEIF是由MPEG安排开发的,它的方针是在坚持较高的图画质量的一起减小文件巨细。HEIF广泛地应用于移动设备和互联网环境中。它已被苹果公司选作其手机和平板电脑上的默许图画格局。

  • HEIF运用的主要紧缩算法有HEVCHEIC

HEIF运用的主要紧缩算法有:HEVC(High Efficiency Video Coding)HEIC(High Efficiency Image Coding)HEVC是一种视频编码规范,也被用于紧缩HEIF图画。它运用了先进的紧缩技术,包括帧间猜测、变换编码和熵编码,以减小图画数据的存储空间. HEIC综合运用了HEVCCE-BC算法。

  • HEIF格局文件的扩展名有.heic.heif

.heic.heif扩展名都能够用于包括静态图画、动态图画、音频和其他多媒体内容的HEIF文件。这两种扩展名在功能和文件格局上没有差异,只是在命名上略有不同。 通常情况下:

  • .heif扩展名用于表明包括多媒体内容的HEIF文件,如动态图画(例如,由多个图画帧组成的动态图画)或包括音频的HEIF文件。
  • .heic扩展名则更多地用于表明单个静态图画的HEIF文件。
  • HEIC图标比较PNGJPEG格局

假如图画的内容具有较高的细节和色彩变化,或许存在大面积的纹路和纤细的图画细节,HEIF格局或许完成更高的紧缩率和更小的文件巨细。然而,假如图画是简略的图形或色彩块,PNG格局或许会发生更小的文件。我测验将截图转化成HEIC,发现比PNG文件小3/4左右!!

  • 紧缩比高,在相同的图片质量情况下,平比 JPEG 高两倍。
  • 能添加如图片深度信息,透明通道等辅佐图片。(苹果正是经过这个就能完成动态的调整图片的景深)。
  • 支撑存放多张图片,类似相册和调集。(完成多重曝光的作用) 支撑多张图片完成 GIF 和 livePhoto 的动画作用。
  • 无类似 JPEG 的最大像素限制。支撑透明像素。分块加载机制。支撑缩略图。

iOS 开发中的图标假如运用HEIC格局能够减小包体积,那么正确的姿态是什么呢?

二、HEICiPhone上的兼容性

首要咱们需求了解HEICiPhone上的兼容性。

硬解码: A9 及以上芯片 iOS 设备(iPhone6s)

硬编码:iPhone 7及之后(A10芯片)

软解码:iOS 12及以后(官方说iOS11开端支撑,但实测将Mac上的heic图片隔空投送到8plusiOS 11不支撑,iOS 12才支撑)

/* 能够调用ImageI/O相关函数获取支撑的图片编解码支撑的格局,
* 这儿值得注意的是,在iPhone6p,iOS11.0.4实测不支撑HEIC,
  即调用CGImageSourceCopyTypeIdentifiers();查询可解码格局包括public.heic,依旧是无法正常显现出HEIC图片;
* 在iPhone6p,iOS12.5.6测验机上能够正常显现HEIC图片。*/
//获取所支撑的图片格局数组,解码
CFArrayRef decodeArr = CGImageSourceCopyTypeIdentifiers();
NSArray *decodeUTI = (__bridge NSArray *)decodeArr;
NSLog(@"解码支撑%@", decodeUTI);
//获取所支撑的图片格局数组,编码
CFArrayRef encodeArr = CGImageDestinationCopyTypeIdentifiers();
NSArray *encodeUTI = (__bridge NSArray *)encodeArr;
NSLog(@"编码支撑%@", encodeUTI);
  • 对于iOS 11及以下的设备怎么兼容?

    假如你的APP需求支撑iOS 11及以下,能够集成三方库来支撑: pod 'SDWebImageHEIFCoder', '~> 0.10.1’ 或许运用HEICConverter。 能够比较HEIC代替PNG的收益和导入库的巨细来决定是否选用HEIC;假如是网络图片需求支撑HEIC,那么也能够导入三方库来支撑。

  • 假如APP是只适配iOS 12及以上,主张运用;假如是需求适配iOS 12以下,但网络资源想运用HEIC,那么也主张运用。

三、PNG图标怎么转化成HEIC

1. 格局转化的方法网上有许多,我这边运用简略的方法:

选中PNG图右键“转化图画” 挑选HEIF格局即可
iOS 开发HEIC图标实践总结
iOS 开发HEIC图标实践总结

2. 转化后的文件巨细与原先比照

  • 首要我挑选了13个大于30KB的APP里的图标
PNG图巨细为2.1M 转化HEIF后500KB
iOS 开发HEIC图标实践总结
iOS 开发HEIC图标实践总结
能够看到紧缩后节省了大概3/4的空间。
  • 再次挑选了一些小于20KB的图标来转化
PNG图巨细为26KB 转化HEIF后65KB
iOS 开发HEIC图标实践总结
iOS 开发HEIC图标实践总结
咱们发现转化为HEIC后文件变大了,那么有什么特色呢?

假如图画的内容具有较高的细节和色彩变化,或许存在大面积的纹路和纤细的图画细节,HEIF格局或许完成更高的紧缩率和更小的文件巨细。然而,假如图画是简略的图形或色彩块,PNG格局或许会发生更小的文件。

所以咱们呈现将小图标转化后更大的原因是小图标一般是“简略的图形或色彩块”。

3. 需运用原PNG转化

在实践中,发现将紧缩过的且有透明度值的PNG图标转化为HEIC时,在低版本系统iOS12、iOS13上会呈现图片透明度的地方显现为白色或绿幕;而iOS 14及以上是正常的。可是,假如把原图PNG图标转化为HEIC展现则是正常的。

iOS 开发HEIC图标实践总结

四、iOS开发中怎么运用HEIC

1. 图片资源放在Asset Catalog

在iOS开发中,图标一般会放在Bundle中或许Assets.xcassets, 这儿是主张都放在Assets.xcassets中,由于首要这在APP Store能享受到APP Slicing,其次是能够享受到苹果官方的继续更新的紧缩算法优化。

咱们能够经过比对转化后的HEIC和PNG巨细,选在文件更小的那个放入Assets.xcassets

2. 运用.heic

运用时就跟PNG相同的写法:

let img = UIImage(named: "haha")

五、和webP的比照

常常拿来与 HEVC 来做比照的是 VP9。两者的性能附近,可是 VP9 是开源的,而 HEVC 是需求专利费的( $2 每设备)。现在暂时没有经过 VP9 进行编码的图片,所以这儿主要比照的是 webp 就是经过 VP8 进行编码的图片。

iOS 开发HEIC图标实践总结

  • 紧缩效率比照:heif 确实比 webp 紧缩效率高 10-20%。

    iOS 开发HEIC图标实践总结

  • 解码的消耗测验 用第一张 7.7 MB 的 jpeg 紧缩后巨细 1.1mb

    iOS 开发HEIC图标实践总结

测验成果由于硬解码的支撑,jpeg 和 hevc 解码速度和 CPU 占用率都比 webp 快和小许多,jpeg 和 hevc 不相手足,可见苹果内部对其优化也适当到位,才把它放到 iOS 中。

参考文章 HEIF & HEVC 你知道多少?