关于图像的优化有很多细节，这里说一个点，当你需要优化页面图像性能的时候，用模拟器或真机运行的时候，点击Debug，会有几个选项，其中有两个值得注意：
- Color Blended Layers (混合)
- Color Missaligend Images（拉伸）
如果是直接使用：tempImageView.image = UIImage(named: " "),一般会出现一下两种情况：
- 此时勾选Color Blended Layers会显示红色
- 勾选Color Missaligend Images会显示黄色
截屏2020-06-11下午2.42.26.png
截屏2020-06-11下午2.43.19.png
截屏2020-06-11下午2.44.24.png
这两种情况表明此时会更多的消耗GPU性能
这时可以使用图片上下文加载的方法，减少GPU的计算
func avatarImage(image:UIImage, size:CGSize) -> UIImage? {
let rect = CGRect(origin: CGPoint(), size: size)
UIGraphicsBeginImageContextWithOptions(rect.size, true, 0)
image.draw(in: rect)
let result = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return result
}
override func viewDidLoad() {
super.viewDidLoad()
let rect = CGRect(x: 100, y: 100, width: 100, height: 100)
let tempImageView = UIImageView(frame: rect)
view.addSubview(tempImageView)
let image = UIImage(named: "timg")!
tempImageView.image = avatarImage(image: image, size: rect.size)
}
之后在勾选就不会出现红色或者黄色了。
类似的还有设置圆角，更详细的原理这里就先不说了，只是记录一下直接使用的方法
