减少图片内存对小程序的限制

最新推荐文章于 2022-03-16 19:58:24 发布
最新推荐文章于 2022-03-16 19:58:24 发布
阅读量839 收藏 1
点赞数
分类专栏： 小程序 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42624884/article/details/103095398
版权

最近在开发一个微信小程序，本地图片资源比较大，而微信小程序上传又有2M的限制，本来准备将图片放到云服务器里面，但是又看到了一个很好的方法，这次来测试一下！

本地图片

用于切换背景的图片
images_1images_2
images_3
images_4
images_5

images_6
images_7
images_8

在没有将图片转为网络地址，微信小程序的代码为：
微信小程序的总存储
将图片转为网络地址后：
转为网络图片

测试成功

将1799KB减少到了146KB，大大减少了小程序的内存。但是要想真正远程存储图片还是要有一个自己的服务器，可以自由的使用！

snowkei
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序图片放大预览，并双击可缩小的原始比例
04-09
微信小程序图片放大预览，并双击可缩小的原始比例，利用scroll-view实现
微信小程序图片滤镜 Wechat miniapp image filters.zip
01-11
可以考虑分块处理大图，或者对图片进行适当的压缩，以减少内存占用。此外，微信小程序有内存限制，超出限制可能导致小程序运行异常，因此在处理大量图片时要格外注意。 总的来说，"微信小程序图片滤镜"这个主题涵盖...
微信小程序打包图片过大解决方法
jinqian_zc的博客
02-16 6129
微信小程序打包时图片过大
小程序内存问题--图片懒加载
weixin_34252686的博客
01-03 405
内存不足起因 小程序对用户内存使用进行了限制，如果一个页面的图片过多，会导致内存不足的内部错误 解决办法 对图片进行懒加载，不影响体验的前提下，只渲染当屏的图片，屏外图片，显示缺省图 实践分析 图片最多的情况就是列表（头图或图片列表），为了性能，一般会滚动加载，而在小程序中，需要借助scroll-view/swiper组件，为了不影响用...
小程序中图片太大应该怎么处理
热门推荐
qq_42329594的博客
12-17 1万+
在小程序中图片格式为png时任然特别大的时候应该先将图片放在服务器上，然后从服务器上选取所用的图片 在小程序中有放置请求接口的配置文件config.js   在小程序页面中要使用大图时候 （1）先引入config.js模块 （2）配置图片的src前缀 （3）在wxml中引用 （4）后面的cdn/uploads/image.106.png是图片在服务器上的位置  ...
微信小程序神坑:本地存储图片不能超过10M!!!navigateTo跳转不能超过9次!!!
qq_42828944的博客
10-31 3618
微信小程序神坑:本地存储图片不能超过10M!!!navigateTo跳转不能超过9次!!! 刚入小程序的坑,选择图片,然后显示在页面上面,发现显示到20张左右图片就不能再显示了.查了下发现是本地存储图片不能超过10M,于是想到可以每次存储图片到本地可以删除上一张图片, if (res.fileList.length > 1) { wx.removeSavedFile({ filePath: ...
微信答题小程序源码.zip
06-08
性能优化方面，可以利用微信小程序的生命周期方法进行资源加载控制，减少内存占用，提高加载速度。 8. 测试与调试： 开发过程中，需要进行单元测试、集成测试以及真机调试，确保代码无误且功能正常。微信开发者...
图片展示管理程序
06-04
7. **性能优化**：考虑到小程序的性能限制，可以使用懒加载策略，只加载当前屏幕可视区域内的图片，减少内存占用和加载时间。 通过以上分析，我们可以了解到，开发一个图片展示管理程序不仅需要扎实的编程基础，...
小程序-家政预约.zip
06-12
同时，考虑到微信小程序的性能限制，开发者需要对代码进行性能优化，避免冗余请求和内存泄漏。 总的来说，【小程序-家政预约】项目涵盖了许多IT专业技能，包括前端开发技术、后端服务构建、数据库设计与管理、软件...
野火IM微信小程序版.zip
02-21
在微信小程序环境下，由于内存和计算能力的限制，开发者需要注意性能优化，例如减少不必要的网络请求、合理缓存数据、优化图片和音频资源等。 7. **安全性**： 为了保护用户数据的安全，开发者需要对敏感信息进行...
微信小程序超级占内存_实测：微信小程序究竟会占用多少内存？结果竟然
weixin_39597318的博客
12-19 1972
上图就是小编微信中已经安装的小程序列表、微信占用的内存空间数据。接下来小编安装两个小程序。上图就是安装小程序之后的结果，可以看出，安装程序对内存空间影响几乎没有。(可能是极小，小到可以忽略不计。)结论：安装小程序几乎不会占用内存空间。下面在测试使用小程序的结果，为了能明显的体现出数据的变化，小编选择观看视频和收听电台作为测试主体。(因为在此期间会产生大量的缓存文件)看了一集电视剧之后......听...
微信小程序开发图片太多怎么办
weixin_45224162的博客
03-16 1万+
小程序开发过程，图片数量多，将图片存储在本地可能会超过代码包的限制。常用的存储方式是将图片传到服务器上，但并不是每个开发者都有自己的服务器，可以使用开发工具里的云开发。 1、点击 云开发 2、将需要用的图片上传 3、 ...
小程序图片懒加载放在服务器,小程序图片懒加载较完美解决方案
weixin_39719165的博客
08-12 255
无需考虑数据结构，效果如图话不多说，先上代码1.wxml//listindex大于item.index时，图片显示2.wxsspage {background: #fff;}.pic-list {width: 100vw;background: #efeff4;margin: 3vw 0;}.pic {width: 100%;display: block;opacity: 0;transition...
图片内存太大？微信这个隐藏功能轻松压缩PNG、JPG图片！
office666的博客
12-28 3997
相信很多人都遇到过图片太大，无法上传或者无法发送的问题吧，于是在网上找各种压缩软件，结果使用起来体验还非常差，其实微信这个隐藏功能就能轻松压缩PNG、JPG图片。   那么微信中的隐藏功能到底是什么呢？我们往下看： 1、打开微信，搜索并打开如图所示的这款小程序：   2、然后选择需要压缩的图片上传，等待数秒。   3、压缩完成后点击【保存】即可。   保存到手机之...
一个快速消耗内存的小程序
月光xia漫步
07-30 4205
#include #include using namespace std; void main() { int i=0; double *a=NULL; while(true) { a=(double *)malloc(sizeof(double)*100000); Sleep(1); } }
小程序---上传图片与压缩图片
qq_34802511的博客
05-18 648
上传图片 https://www.cnblogs.com/LCH-M/p/9420482.html https://blog.csdn.net/qq_40866897/article/details/86155813 七牛云：https://blog.csdn.net/weixin_34273479/article/details/88620530 不错：https://blog.csdn...
Linux应用减少虚拟内存
最新发布
06-22
减少Linux系统中的虚拟内存（也称为交换空间）可以帮助提高系统性能和资源管理效率。以下是一些方法来控制和优化虚拟内存使用： 1. **限制内存交换**：在Linux中，你可以使用`vm.swappiness` 参数调整内核将物理RAM用于交换文件的程度。将其值设为较小的数字（如0或1），可以降低交换发生的频率。 ```bash sudo sysctl vm.swappiness=1 ``` 执行后需要重启系统让更改生效。 2. **调整缓存和页面大小**：适当调整缓存和页大小可以影响内核分配内存的方式。例如，增大`vm.min_free_kbytes` 可以防止频繁的小页交换。不过，这需要对系统有深入理解，不建议随意修改。 3. **使用实时模式**：如果系统对延迟敏感，可以考虑使用实时（RT）或低延迟模式，这些模式会限制交换操作。 4. **内存分析工具**：使用`free`, `top`, `htop` 或 `vmstat` 等命令监控内存使用情况，识别哪些进程占用了大量虚拟内存，并根据需要优化它们。 5. **优化进程设置**：确保应用程序尽可能使用堆栈内存而不是动态分配的内存。使用`ulimit` 命令限制单个进程的内存使用。 6. **定期整理交换空间**：使用`swapon -s` 和 `swapoff -a` 命令检查并可能清理未使用的交换空间。 7. **关闭不必要的服务**：关闭不必要运行的服务和后台进程，它们可能会占用大量内存。 8. **增加物理内存**：如果可能，增加物理RAM是减少虚拟内存使用的根本方法。 相关问题-- 1. 如何查看当前系统的`vm.swappiness` 参数？ 2. 除了`vm.swappiness`，还有哪些Linux系统参数会影响内存交换？ 3. 什么情况下应该使用实时模式来减少内存交换？

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值