https://www.cnblogs.com/dasusu/p/9789389.html
(以上两篇博客很不错)
我们先假设我们有一张图片时 600 * 800 的,图片占用空间大小假设是 100KB 。
图片内存大小跟占用空间大小有什么关系?
占用空间的大小不是图片占用内存的大小,一些初学者可能会误解一下。占用空间是在磁盘上占用的空间,内存大小是加载到内存中占用的内存大小。两个只是单位是一样的,本质不是一个概念。
一张图片到底占用多少内存呢?
1. 图片占用内存的计算公式: 图片高度 * 图片宽度 * 一个像素占用的内存大小
2. 所以上面的图片占用内存是: 800 * 600 * 4 byte = 1875KB = 1.83M
当图片放在 res 内的不同目录中时,为什么最终图片加载进内存所占据的大小会不一样呢?
如果你们去看下Bitmap.decodeResource()源码,你们会发现,系统在加载 res 目录下的资源图片时,会根据图片存放的不同目录做一次分辨率的转换,而转换的规则是:
新图的高度 = 原图高度 * (设备的 dpi / 目录对应的 dpi )
新图的宽度 = 原图宽度 * (设备的 dpi / 目录对应的 dpi )
目录名称与 dpi 的对应关系如下,drawable 没带后缀对应 160 dpi:
所以,我们来看下序号 2 的实验,按照上述理论的话,我们来计算看看这张图片的内存大小:
转换后的分辨率:1080 * (240/160) * 452 * (240/160) = 1620 * 678
同一图片,在同一台设备中,如果图片放在 res 内的不同资源目录下,那么图片占用的内存空间是会不一样的
同一图片,放在 res 内相同的资源目录下,但在不同 dpi 的设备中,图片占用的内存空间也是会不一样的
图片优化
所以,如果单从图片本身考虑优化的话,也就只有两个方向:
总结
最后,来稍微总结一下:
的
原则就是要减小网页的体积,因为网页要能被用户看到的话,是浏览器从一层层对代码的解析才生效的。 1网页背景图是很拖浏览器对网页的解析速度的!最高是用背景色而不用背景图,当然现在也有用小一点的背景图不平铺放网页中间,然后选背景颜色和图的边缘颜色相近的做法。 2优化页面代码,减少没有必要的代码。 3很多网页都会用到的一模一样的css样式可以放到公共文件中引用,没必要放到每个文件中增大文件和增加工作量。 4对图片文件进行优化处理 图片是网页用到的最多的美化文件,要在图片不失真的情况下尽量减小图片占用的内存!欢迎分享,转载请注明来源:内存溢出
评论列表(0条)