APP开发实战117-APP图片优化

30.1APP大小优化

30.1.1图片优化

1 尽量使用Android和iOS系统自带的图片，系统没有的图片，才预置在APP中。

2 减少预置图片的个数，如AndroidAPP可以只预置一套XHDPI密度的图片，只有个别的小图标，如桌面icon，每种密度的都预置一张。iOS APP只预置2X和3X的图片。

3 普通的位图在不同分辩率的设备上伸缩时，很容易变形，APP内常会预置内容一样，但分辨率不同的多张图，解决这个问题，这样也导致APP所占空间变大。

可以使用点9图或SVG矢量图代替普通的位图，这两种格式的图伸缩都不会变形，不需预置多张内容一样，分辨率不同的图片，只需预置一张就可以了，可以有效减少APP所占空间。

4 APP通常都使用PNG格式的图，主要是Android和iOS系统会对其进行硬件加速，图片的加载速度相对会变快。

但对于欢迎界面的图、背景图和引导页的图，这些大尺寸的图片，建议使用JPG格式图片。

PNG格式有透明通道，是无损压缩，JPG格式的没有透明通道，且是有损压缩；使用JPG图片，虽然加载慢些，但图片体积小，也减少了APP的大小。

5 通常，引导页的多张图片只是中间的内容不同，背景都一样的；可以把引导图拆成一张背景图和多张内容图，相比多张完整的图片，可以有效减少APP的大小。

6 APP有时会使用到上下左右箭头这类内容一样，方向不同的图片，可以只预置一张上的箭头图标，下左右箭头可以使用代码旋转上箭头图标实现；这样只需预置一张图片，也减少了APP的大小。

7 在设计动画效果时，需要设计和开发同事配合，以便不用帧动画也可以实现动画效果，这样不需要预置多张帧动画需要的图片，避免了APP的体积变大。

8 需要设计同事在制作APP预置的图片时，不能只考虑绚丽的效果，而是尽可能减少每张图片的尺寸。

iOS的扁平化设计和Android的Material Design也都是要求简洁的设计风格。