SwiftUI Image View 内存占用的一个坑...顺便求下解决办法

我之前开发的一个应用发现了不太正常的内存占用，整个应用说不上数据结构有多复杂，但是内存占用就是很高，觉得很离谱，后来网上翻了下，发现 Image View 渲染的内存占用是和文件大小没有关系，是和像素有关系的，一个像素大约占用 4 个字节，假如我有一张图片 2400 * 1600 大小，2400 * 1600 * 4 就是约等于 15MB 的样子，我一个侧边栏菜单一共要渲染 12 张图片就要占用 180 MB ，遭不住，有没有优雅一点的解决办法😂

占用

image

内存

view

14 条回复 • 2022-07-07 11:17:53 +08:00

xfriday

2022-07-06 14:13:32 +08:00

制作 icon 小图就好了，或者用矢量图

kera0a

2022-07-06 14:17:30 +08:00

图片文件大小都是经过压缩后的大小，实际显示都是要解压的。
你应该裁剪下图片大小让图片符合 ImageView 的大小，你显示在侧边栏不需要用这么大尺寸的图片。

yfugibr

2022-07-06 14:18:02 +08:00 via Android

侧边栏菜单为什么会用到 2400x1600 的图片？用户的屏幕分辨率已经达到 40k 了吗

ChrisFreeMan

2022-07-06 14:21:17 +08:00

@kera0a
@yfugibr 偷懒做法，懒得裁图，我以为 resize 会帮助压缩图片的
@xfriday 实在没办法我只能做小图了

kera0a

2022-07-06 14:41:06 +08:00 via iPhone

@ChrisFreeMan 你运行时 resize 了还占用内存可能是原图被缓存了，你搜一下怎么释放或者避免加载图片时自动缓存。最简单还是提前裁好

ChrisFreeMan

2022-07-06 14:44:03 +08:00

@kera0a 好的，多谢，我先把图裁好吧，后面再研究一下。

codeisjobs

2022-07-06 15:02:54 +08:00

url 图片多大，实际展示时需要将图片解压成实际大小的数据，会大很多。所以千万不能直接用原图，不然内存真撑不住。

ChrisFreeMan

2022-07-06 15:14:05 +08:00

@codeisjobs 长记性了😂

okakuyang

2022-07-06 16:49:21 +08:00

简单点的方法就是用 Nuke/NukeUI 这个库，会自动帮你裁剪图片尺寸，缓存图片。不需要自己去实现这些东西。swiftui 的 resize 只是这个 View 可以被重设大小而已。

beijiaoff

2022-07-06 17:03:22 +08:00

并不是人家占内存多，你图片这么大，不占内存才怪。2400 * 1600 都超过屏幕分辨率了，相当于你同时显示 12 个显示器了。

musi

2022-07-06 17:07:37 +08:00

从性能较角度来说最好就是直接把图片源文件处理掉
感觉这不是 swiftui 的坑
因为你如果用 html 的 img 标签去渲染的话还是会遇到同样的问题，在 chrome 上的表现就是有个 decodeImg 的长任务
上次我直接用相机拍出来的 jpg 照片在网页上渲染就会非常卡，我压缩了一下就很正常了

ChrisFreeMan

2022-07-06 23:34:56 +08:00

@okakuyang
@beijiaoff
@musi 非常感谢回复，问题已经解决了，现在又钻进新的问题了😂

inhons

2022-07-07 11:08:05 +08:00

居然真的有人不压图片就用啊

inhons

2022-07-07 11:17:53 +08:00

我前东家做图片社区的，不压图直接 GG