使用 PDF 作为图标素材资源具有如下优点:
-
APP 瘦身
我们对比一下最近设计部门的朋友刚导出的某个图标的一套常规的 PNG 图片和 PDF 类型的图片的大小:
PDF 文件大小为 7KB
PNG 三个文件合计大小为 85KB
对比结果: PDF 类型的文件大概占空间为传统 PNG 类型的 8%(以当前资源为依据,不同资源对比结果可能会有部分出入)。 便于维护
首先就是设计部门出图就会比之前方便很多,直接导出矢量文件即可,并且如果后期再需要 4X、5X... 规格的图,不需要对之前的图标再返工处理。
再者作为开发者在管理图片相关的添加、替换、移除等重复性的操作维护压力可以降低。可以无限放大
由于 PDF 图标文件为矢量图,不同于之前的传统的位图,在放大之后可以依然保持清晰而非模糊毛边有像素颗粒感。
例如,后期需求调整要求某一个按钮交互热区变大,相应图标也要放大。如果使用之前 PNG 类型的资源,需要设计重新再出一套图(作为一个严谨的程序员,当然不能够容忍模糊图标的存在🙃
),但无形中这些都是开发过程中的时间成本。
想想如果使用 PDF 类型的资源直接改变一下图标大小不就可以了吗?那就直接行动,但是最后发现在 Asset Catalog 就算使用了 PDF 类型的图放大后还是模糊了。为什么呢?原来Xcode在编译的时候只是依据目前设备所需要的资源只自动生成1X、2X和3X规格的位图类型的图片,那么在后期通过只改变控件的大小来希望图片精度也动态的调整自然是行不通了。
由此就产生了 YHPDFImageLoader 这个工具,它旨在解决上述后期动态调整放大图片会有锯齿的问题,与加载常规 PNG 图片资源兼容,并具有三级加载两级缓存,以减少重复性质的运算并提高加载效率。