微信小程序图片压缩

如题所述

很多人在网络传输、存储或分享图片时,都遇到过传输速度缓慢、存储空间不足或分享失败等问题,这时候可以通过专业的压缩软件来帮助我们快速、轻松地减小图片大小,如【嗨格式压缩大师】,不仅可以减少图片大小,还能在一定程度上保持画质清晰度。

电脑端点击这里免费下载—>>【嗨格式压缩大师

1、打开嗨格式压缩大师,可以看到视频压缩、图片压缩、PDF压缩、Word压缩和PPT压缩五个功能,在操作界面中点击需要的【图片压缩】选项。

2、然后把需要压缩的一张或者多张图片添加到软件中,再在右侧选择合适的压缩模式,如普通压缩、清晰度优先或者极限压缩,也可以按比例或像素自定义压缩参数。

3、最后点击【开始压缩】按钮,稍等一会图片就被压缩变小啦。

当大家遇到文件太大了的问题,就可以使用嗨格式压缩大师进行压缩操作,软件支持文件批量压缩、自定义设置各类压缩参数,能够适应多种场景下的不同需求。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2022-07-23

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

相似回答
大家正在搜