收藏
回答

怎么解决小程序内图片和音频文件过大?

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


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

1.  对图片进行压缩处理

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

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

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

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

资源地址写法有两种:

a. 相对路径:../表示返回访问上一级目录,如"../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链接替换掉本地的音频地址

替换前:

替换后:


回答关注问题邀请回答
收藏

1 个回答

  • 乔滕.
    乔滕.
    08-12

    我的歌曲替换后报错 有遇到过的吗 大佬们

    08-12
    有用
    回复
登录 后发表内容