置顶怎么解决小程序内图片和音频文件过大？精选热门_行业动态_行情

置顶怎么解决小程序内图片和音频文件过大？精选热门

2024-12-30 01:33 浏览:88

有不少老师问，上传小程序，提示“图片和音频资源大小应不超过200k”，我们应该怎么解决文件过大？

一、针对图片文件过大，有两种方法解决：

1. 对图片进行压缩处理

1）网页搜索「图片在线压缩」，选择其中一个网站，上传图片，压缩文件，下载。

2）将压缩后的文件，放在小程序里的image文件夹里，注意图片支持 JPG、PNG、SVG、WEBP、GIF 等格式。

3）回到开发工具，我们替换头像的图片地址

首先我们开启「可视化」，点击模拟器中的头像，可以定位到头像图片的代码行，看到头像图片class属于“user-img”，src代表的是图片的资源地址，然后我们将图片的资源地址替换成我们想要修改的图片资源地址。

资源地址写法有两种：

a. 相对路径：https://fuwu.weixin.qq.com/community/minihome/表示返回访问上一级目录，如"https://fuwu.weixin.qq.com/community/minihome/images/userimg.png"

b. 绝对路径：以"/"开头，表示从根目录开始寻找文件，如"/pages/images/userimg.png"

替换前：

替换后：

2. 我们推荐使用图床功能，将图片转化为URL格式

1）网页搜索「图床外链生成器」，选择一个网站，上传图片

复制URL链接

2）回到开发工具，将URL链接替换掉本地的文件地址

首先我们开启「可视化」，点击模拟器中的头像，可以定位到头像图片的代码行，看到头像图片class属于“user-img”，src代表的是图片的资源地址，然后我们用URL链接替换掉原本的文件地址。

替换前：

替换后：

二、针对音频文件过大，有两种方法解决：

1. 使用图床功能，将本地音频转化为URL格式

1）网页搜索「图床外链生成器」，点开其中一个网站，上传音乐，复制URL链接

2）回到开发工具，找到音频的路径在index.js文件中，bgm_path后面是音频的资源地址，然后我们用URL链接替换掉本地的音频地址

替换前：

替换后：

2. 使用网络的音乐资源

1）网页搜索「音乐搜索器」，点开其中一个网站，生成所需音乐的URL

复制音乐的URL的链接

2）我们回到开发工具，找到音频的路径在index.js文件中，bgm_path后面是音频的资源地址，然后我们用URL链接替换掉本地的音频地址

替换前：

替换后：