微信小程序图片压缩

微信小程序图片压缩,第1张

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

具体 *** 作如下。

1.打开嗨格式压缩大师,点击“图片压缩”功能;

2.进入后上传照片并选择压缩模式,可以自定义压缩参数;

3.最后点击“开始压缩”按钮即可完成照片压缩。

图片压缩是数据压缩技术在数字图像上的应用,它的目的是减少图像数据中的冗余信息从而用更加高效的格式存储和传输数据。图像数据之所以能被压缩,就是因为数据中存在着冗余。

照片kb变小方法:

1.首先打开微信,点击微信上方搜索图标,搜索【图片压缩】这一关键词,这时可以在搜索结果中看见应用程序,很多应用程序的压缩原理都是一样的,用户只需要任选一个程序即可。

2.之后打开任意一个带有关键词字样的微信小程序,点击压缩图片,接着在小程序中选择你要压缩的图片,拖动压缩参数后,点击立刻压缩即可开始图片的压缩。

3.压缩后的图片会保存在应用程序默认的保存位置,用户可以在图片查看中找到相应的压缩图片,一般10K左右的图片就已经足够大部分用户用户证件照上传了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12144006.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存