美文网首页
图片占用内存太大

图片占用内存太大

作者: iLeooooo | 来源:发表于2021-07-09 16:56 被阅读0次

最近发现项目中一个简单的列表,滚动的时候,内存增长特别快!!! 随便滚动几下就涨到1G

  • 发现问题:很简单的就找到问题了,把cell中展示图片的代码注释掉,就没有增长了
  • 解决问题:不展示图片是不可能的!
  • 原因:为什么网络图片会占用那么多内存呢?
一、图片本身太大了,让后台改图片大小走不通,只能自己动手了

我使用的是Kingfisher加载图片:

let escapedString = picurl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)
picImg.kf.setImage(with: URL(string: escapedString!), options: [.backgroundDecode, .fromMemoryCacheOrRefresh])

在方法里面有options有:processor 加工者,自定义data|image转成image的逻辑
Processor的用法

自定义一个Processor对图片进行处理:
public struct DealProcessor: ImageProcessor {
    public static let `default` = DealProcessor()
    public let identifier = "DealProcessor"
    public init() {}
    
    public func process(item: ImageProcessItem, options: KingfisherParsedOptionsInfo) -> KFCrossPlatformImage? {
        switch item {
        case .image(let image):
            return image
        case .data(let data):
            let image = UIImage(data: data)
            if let imgData = image?.jpegData(compressionQuality: 0.1) {
                return UIImage(data: imgData)
            }
            return image
        }
    }
}

结果:跑起来发现,图片的质量降低了是降低了,图片的Data也相应的变小了,但是内存该涨还是涨,一番花里胡哨的操作并没有解决问题

二、图片占用的内存的原因

图片在内存中占用空间大小与文件大小无关,与其图像尺寸成正相关。一张尺寸为 2268 * 4032 的图片,其内存占用为:2268 * 4032 * 4 / 1024 / 1024 = 34.88M (这里假设每个像素占用的空间为 4 字节),而文件大小只有 3.7M
来源

到这里发现内存爆涨的原因不是图片本身太大,而是图片的尺寸太大了

所以解决方法就来了:对加载的图片进行加工,对图片的尺寸进行重设,然后在返回

加工方法:

public struct DealProcessor: ImageProcessor {
    public static let `default` = DealProcessor()
    public let identifier = "DealProcessor"
    public init() {}
    
    public func process(item: ImageProcessItem, options: KingfisherParsedOptionsInfo) -> KFCrossPlatformImage? {
        switch item {
        case .image(let image):
            return image
        case .data(let data):
            let image = UIImage(data: data)
            if let im = image?.reSizeImage(reSize: CGSize(width: 110, height: 80)) {
                return im
            } else {
                return image
            }
        }
    }
}

extension UIImage {
     /**
      *  重设图片大小
      */
     func reSizeImage(reSize: CGSize )-> UIImage?  {
        
        UIGraphicsBeginImageContextWithOptions(reSize, false, UIScreen.main.scale)
        self.draw(in: CGRect(x: 0, y: 0, width: reSize.width, height: reSize.height))
        let resImg: UIImage? = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return resImg
     }
}
加工方法的使用:
picImg.kf.setImage(with: URL(string: escapedString!), options: [.processor(DealProcessor.default)])

结果:内存没有暴涨!!!问题解决

结论:

  1. 图片在内存中占用空间大小与文件大小无关,与其图像尺寸成正相关。
  2. 使用Kingfisher加载图片的时候,对加载的图片进行加工的方法:使用options的.processor(DealProcessor.default)


Kingfisher的options的解释 引用来自

1. targetCache,originalCache
  • 类型ImageCache,Kingfisher中的缓存管理器,提供内存和磁盘缓存
  • targetCache最终展示出来的缓存管理器
  • originalCache原始数据的缓存管理器
  • 默认值都为nil,为nil时,使用ImageCache(name: "default")
2. downloader
  • 类型ImageDownloader,图片下载器,提供图片下载的功能
  • 默认值为nil,为nil时,使用ImageDownloader(name: "default")
3. downloadPriority 下载优先级
4. transition
  • 类型ImageTransition,默认是为ImageTransition.none
  • 为imageView显示image的时候提供过渡动画
5. forceTransition
  • 类型为Bool,默认值false
  • 是否强制使用过渡动画,当值为true时,transition不为.none时就使用过渡动画,当值为false时,只有transition不为.none并且不使用缓存时,才使用缓存动画
6. forceRefresh 是否强制刷新,若值为true,则不使用缓存
7. fromMemoryCacheOrRefresh 当值为true时,刷新的时候,若使用缓存,则只使用内存缓存,不去磁盘缓存
8. cacheMemoryOnly 是否只使用内存缓存
9. waitForCache 是否等待缓存完成,再调用回调
10. onlyFromCache 是否只从缓存中加载
11. backgroundDecode 是否在子线程去解码
12. preloadAllAnimationData
  • 是否预加载GIF图每一帧画面,默认值为false
  • 若使用UIImageView.setImage(),去加载图片,则会被强制设置成true,因为
 @objc extension UIImageView {
    func shouldPreloadAllAnimation() -> Bool { return true }
 }

 public func setImage(
    with source: Source?,
    placeholder: Placeholder? = nil,
    options: KingfisherOptionsInfo? = nil ...
   -> DownloadTask? {
         ...
        //若shouldPreloadAllAnimation()的值为true
        //则把preloadAllAnimationData设为true
        //而ImageView中的shouldPreloadAllAnimation()一直为true
         if base.shouldPreloadAllAnimation() {
            options.preloadAllAnimationData = true
         }
        ...  
} 
13. onlyLoadFirstFrame 若图片是GIF图时,是否只显示第一帧
14. callbackQueue,processingQueue
  • callbackQueue,图片处理结束之后,回调所在的队列,默认值mainCurrentOrAsync
  • processingQueue,处理图片时所在的队列,比如利用processor给图片添加圆角等操作时,所在的队列,默认使用一个串行的子队列
  • 一共有四个值可选择.mainAsync,.mainCurrentOrAsync,.untouch,.dispatch(DispatchQueue)
  • .mainAsync主线程中异步执行
  • .mainCurrentOrAsync,若当前线程是主线程,则直接执行,否则在主线程异步执行
  • .untouch 不改变当前所在的线程
  • .dispatch(DispatchQueue) 在指定的队列中执行
15. requestModifier 发送请求时对原始的请求进行修改,返回新的Request
16. redirectHandler 当请求发生重定向是,自定义的一些处理
17. processor 加工者,自定义data|image转成image的逻辑
18. imageModifier image修饰器,对image做一些修改,比如返回 image.withRenderingMode(renderingMode)
19. cacheSerializer 定义图片序列化和反序列化
20. keepCurrentImageWhileLoading 当加载一个新图时,是否要保持当前的图片
21. cacheOriginalImage 是否要缓存原始的数据
22. onFailureImage 加载失败时,要展示的图片
23. alsoPrefetchToMemory 预加载时,需要从磁盘加载时,是否也需要同步到内存中
24. loadDiskFileSynchronously 从磁盘中加载时,是否同步的去加载
25. memoryCacheExpiration,diskCacheExpiration 设置内存、磁盘缓存过期时间
26. memoryCacheAccessExtendingExpiration
  • 当从内存、磁盘中取图片时,往后延长过期时间的策略
  • 有以下几个值:.none,.cacheTime,.expirationTime(_ expiration: StorageExpiration)
  • .none保持原来的过期时间
  • .cacheTime 设置过期时间为当前时间加上原来的过期时间
  • .expirationTime(_ expiration: StorageExpiration) 设置过期时间到指定时间
27. alternativeSources 当加载失败时,可供替代的数据源
28. onDataReceived 接收到数据时,需要回调时,可设置此属性,比如setImage时设置的DownloadProgressBlock,就是在里面封装了此属性

相关文章

  • 图片占用内存太大

    最近发现项目中一个简单的列表,滚动的时候,内存增长特别快!!! 随便滚动几下就涨到1G 发现问题:很简单的就找到问...

  • Android项目中的优化 -- 图片优化

    0. 概念 图片占用的内存:图片高度 * 图片宽度 * 一个像素占用的内存大小这个公式代表一个图片最终占用的内存大...

  • iOS 内存分析-- 图片加载内存分析

    对于大多数APP来说,内存占用主要就是图片,本文将从实用角度分析,iOS图片的内存占用、测量、优化等。 iOS内存...

  • Android中如何加载显示大尺寸图片不发生OOM

    前言:当加载高清大图时,系统给每个应用分配的内存是有限的,如果一个资源图片太大,加载到内存中后,占用的内存空间也会...

  • 多媒体编程

    一、图片处理 BMP无损图片(无压缩)占用内存的大小 = 图片总像素 * 每个像素占用的大小 每个像素占用的大小 ...

  • 内存优化

    一、android图片占用的内存和优化

  • 图片内存大小计算

    图片内存大小和图片文件占用空间大小是没有必然关系,但是一般来说图片文件大小,图片内存大小就越大。占用空间是在磁盘上...

  • 图片内存占用问题

    测试数据 (测试文件格式为PNG) 结论 iOS图片加载到内存中,占用内存大小为图片宽度 * 图片高度 * 4。e...

  • App大图片加载总结

    项目结束,平常忙,现在抽空闲时间总结一下: 大图片加载时候占用内存很多,图片占用内存主要和什么有关系呢? 1、主要...

  • 【亲测】超好用的图片压缩神器

    无论是生活中或者是办公中,图片是不可缺少的,我们爱拍照的人都知道图片太大的话,会占用了太多的内存,导致电脑手机卡顿...

网友评论

      本文标题:图片占用内存太大

      本文链接:https://www.haomeiwen.com/subject/klpfpltx.html