自学考试压缩图片小程序

冰冷的火夫

已采纳

图片是我们常接触到的，工作上会使用，生活中我们也经常会使用图片文件。我们用相机或是手机拍摄得来的图片在存储是就需要压缩那么视频文件需要怎样压缩呢，我们首先将视频文件压缩工具下载下来，打开就会看到图片压缩功能。

1、点击图片压缩将图片压缩工具打开，点击图片压缩这个按钮，选择点击合格页面上的“选择文件”按钮，将图片文件夹打开。

2、选择图片到页面上，添加是点击“打开”按钮，可以批量的将图片添加到页面上，同时压缩多个图片文件时是部分图片格式的，我们可以选择不同格式的图片进行压缩。

3、在压缩界面上我们选择适当的方法是否将图片文件更改格式压缩，如果是的话我们可以将图片文件以jpg格式压缩，不是的话我们就保留图片的原来格式。

4、最后一步我们就要点击这个页面上的“开始压缩”这个按钮了，对图片文件压缩这样就可以完成了。

记住这个方法能够压缩图片文件，我们在电脑上处理图片文件时就可以这样操作，打开工具直接点击图片文件页面，添加图片就可以实现这个操作了。

133 评论（9） 2小时前发布

注定孤独终X

图片压缩的话可以借助下转易侠图片压缩这个压缩工具来操作的，压缩后的图片不失真，效果不错

121 评论（14） 4小时前发布

牙牙大少

微信小程序图片压缩有三种方法，一种是使用官方提供的接口 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，不指定的话，有时候图片不会压缩到规定的大小。

329 评论（13） 12小时前发布

Rabbit公主

压缩图片文件的方法有很多种，可以试试下面这个压缩方法。

压缩步骤：

2.打开使用小程序，然后点击上面的“加号”，添加你手机里需要压缩的图片文件。

3.支持png。jpg等图片格式，然后点击压缩按钮进行压缩。

4.等图片压缩好了之后，可以点击保存按钮。

5.压缩好的图片文件会保存到手机相册里，可以打开查看压缩效果。

195 评论（9） 12小时前发布