找回密码
 立即注册

QQ登录

只需一步,快速开始

[工具插件] 微信小程序图片压缩工具

[复制链接]
查看: 1418|回复: 147
最佳答案
0 

8

主题

8

帖子

180

积分

新人求带

积分
180
 楼主| 发表于 2019-3-12 10:14:12 | 显示全部楼层 |阅读模式
使用方法

1、引入
  1.   import ImgCompress from '../../wx-image-compress/img-compress.js';
复制代码

2、初始化
  1.   this.imgCompress = new ImgCompress(this);
复制代码

3、引入图片压缩组件
  1.   <!-- 在你的.wxml文件中引入图片压缩组件 -->
  2.   <import src="../../wx-image-compress/img-compress.wxml"/>
  3.   <template is="img-compress" data="{{ canWidth, canHeight }}"></template>
复制代码

4、压缩
  1.   /*
  2.    * imgPath:图片路径
  3.    * aspectRatio:图片宽高压缩比,0~1,默认0.5
  4.    * quality:图片质量,0~1,默认0.5
  5.    */
  6.   this.imgCompress.compress(imgPath , aspectRatio, quality)
  7.   .then(res => {
  8.     console.log('压缩成功',res);
  9.   }).catch(e => {e
  10.     console.log('压缩失败',e);
  11.   })
复制代码

Tips:

aspectRatioss表示图片压缩后的宽高 / 压缩前的宽高,quality表示图片的压缩质量,越小压的越狠。iOS系统,在宽高缩小,质量为1的情况下,压缩后的图片大小会减小,但是在Android中反而大小会变大。

在使用默认的aspectRatio:0.5 ,quality:0.5 情况下,能正常压缩,使大小变小。但是我们仍然不能精准的控制压缩后的大小。

wx-image-compress-master.zip

3.22 KB, 下载次数: 228

回复

使用道具 举报

最佳答案
0 

4

主题

1113

帖子

5342

积分

S1

积分
5342
发表于 2019-3-13 10:56:03 | 显示全部楼层
微信小程序图片压缩工具
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

318

帖子

933

积分

略知一二

积分
933
发表于 2019-3-14 11:14:27 | 显示全部楼层

微信小程序图片压缩工具
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

54

帖子

64

积分

等待验证会员

积分
64
发表于 2019-3-15 12:34:52 | 显示全部楼层
微信小程序图片压缩工具
回复 支持 反对

使用道具 举报

最佳答案
1 

1

主题

66

帖子

170

积分

新人求带

123

积分
170
QQ
发表于 2019-3-20 13:48:54 | 显示全部楼层
666,感谢
回复

使用道具 举报

最佳答案
0 

4

主题

1113

帖子

5342

积分

S1

积分
5342
发表于 2019-3-21 08:25:30 | 显示全部楼层
程序图片压缩工
回复 支持 反对

使用道具 举报

最佳答案
0 

19

主题

3128

帖子

1万

积分

S2

积分
12074
发表于 2019-3-21 15:31:14 | 显示全部楼层


微信小程序图片压缩工具
回复 支持 反对

使用道具 举报

最佳答案
0 

19

主题

3128

帖子

1万

积分

S2

积分
12074
发表于 2019-3-21 15:31:17 | 显示全部楼层


微信小程序图片压缩工具
回复 支持 反对

使用道具 举报

最佳答案
0 

19

主题

3128

帖子

1万

积分

S2

积分
12074
发表于 2019-3-21 15:31:19 | 显示全部楼层


微信小程序图片压缩工具
回复 支持 反对

使用道具 举报

最佳答案
0 

19

主题

3128

帖子

1万

积分

S2

积分
12074
发表于 2019-3-21 15:31:21 | 显示全部楼层


微信小程序图片压缩工具
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.henkuai.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信公众号

广告推广
QQ:805874290

市场合作
zhongcong@henkuai.com