微信小程序图片压缩

微信小程序图片压缩有三种方法，一种是使用官方提供的接口 wx.compressImage(Object object) ；一种是通过压缩图片的大小，利用canvas重绘来得到压缩图片；最后一种安装第三方图片压缩包。

由于第一种方法网上很多人说压缩不明显或者失效，所以选择使用canvas重绘来实现图片压缩。同时，该种方法可以控制图片的最大尺寸，保持上传图片大小尺寸相差不多。在我们的学生节晚会小程序中，屏幕显示图片会比较美观一致。

1. 通过 wx.chooseImage 接口选择相机图片

2. 通过 wx.getImageInfo 接口获取图片信息（长宽，类型）

3. 计算压缩比例和最终图片的长宽

5. 通过 wx.canvasToTempFilePath 接口将画布内容导出为图片并获取图片路径

wxml 文件

在文件末尾插入 canvas 组件，通过设置left和top值确保图片不会显示在可视范围内。

一定要设置 canvas-id，这是canvas绘图和导出图片必备的属性。

js 文件

设置与页面绑定的数据：canvas的大小，也是压缩后图片的大小

1. 将画布内容导出为图片时，指定destWidth和destHeight为压缩后图片的大小。这里遇到过玄学bug，不指定的话，有时候图片不会压缩到规定的大小。

手机把照片压缩到20kb以下的方法如下：

工具／原料谈拿：荣耀Play4T Pro、Magic UI3.1.0、百度12.13.0.10

1、打开百度APP发现页，点击【小程序】选项，进入百度小程序中心。

2、点击页面顶部的搜索框，搜索“压缩图片”。

3、在搜索结果中打开“快图图片压缩”小程序。

4、点击【点击选择图片】。

5、在底部d出的窗口中点击【从手机相册中选择】，打开手机相册。

6、选择要压缩的图片，然后点击右上角【完成】。

7、点击【压缩率】，打开压缩率选择窗口。

8、选择压缩率，然后点击【确定】。

9、点击【开始压缩】，即可压缩图片。

10、图片压缩完成后，在d出的窗口中点击【点击保存到相册】前银即可。注意：如果照片慧侍宴没有压缩到20kb以下，可以关闭保存窗口重新选择压缩率。

叫“图猜乎片编辑”小程序，下面演示使用方法：

演示设备：华为畅享20、EMUI9.1、微信8.01 。

一、打开手机微信发现页面，点击打开小程序。

二、 通过搜索找到图片编辑小程序，并点击打开。穗高悉

三、打开该小程序后，点击图片压缩。

四、从相册中添加需要压缩的图片，点击完成。

五、打开后的界面如下图，顶部可选择保存时的格式（有JPG和PNG两种格式可选择），下方有图片尺寸和图片质量两种压念仔缩选项，可根据个人需求选择，最后点击保存即可。

---