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

2022-07-06 13:56:30 +08:00
 ChrisFreeMan

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

6571 次点击
所在节点    iDev
14 条回复
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
侧边栏菜单为什么会用到 2400x1600 的图片?用户的屏幕分辨率已经达到 40k 了吗
ChrisFreeMan
2022-07-06 14:21:17 +08:00
@kera0a
@yfugibr 偷懒做法,懒得裁图,我以为 resize 会帮助压缩图片的
@xfriday 实在没办法我只能做小图了
kera0a
2022-07-06 14:41:06 +08:00
@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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/864422

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX