图片可以压缩到20k以内吗?这两个方法值得点赞收藏

图片可以压缩到20k以内吗?现如今图片的画质是越来越好,但是随之而来就是图片也越来越大。不知道大家有没有遇到这样的一些情况,某某平台上传图片要求不能超过规定的大小。这个时候图片过大是无法上传的,我们必须要对图片进行压缩。这里小编就来给大家介绍简单好用的压缩技巧,大家赶紧学习起来吧。

方法一:借助系统内设的图片编辑器进行压缩

第一步 找到图片所在的位置,单击图片,点击打开图片,打开后的图片,点击选择上方的【工具箱】,找到【压缩体积】的操作。

第二步 选择好相应的操作之后,接下来点击选择【输出大小】为20kb,并点击【导出】按钮,即可完成压缩。

方法二:万能图片转换器

https://www.xunjiepdf.com/wannengtupian

第一步 点击打开电脑上的软件,进入到软件的首页之后找到【图片编辑】里面的【图片压缩】选项,并且点击上传相应的图片文件。

第二步 上传完成图片之后,可以看到软件下方有着压缩模式、输出格式、输出目录等选项。看到【压缩模式】-【目标大小】,输入20kb,点击【开始压缩】即可实现图片的压缩。

以上就是今天小编给大家介绍的图片压缩到20kb的具体操作方法了,其实还是比较简单的,我们只需要输入目标压缩的大小即可压缩。大家对于压缩图片还有没有什么疑问呢?

UniApp在进行微信分享时,由于微信对图片大小有严格的限制,如果直接分享未经压缩的大图可能导致超过20KB的阈值而无法成功分享。为了解决这个问题,你可以采取以下步骤进行图片压缩: 1. **使用第三方库**:UniApp生态中有许多图片处理插件如`uni-image-compressor`,它们可以帮助你压缩图片到合适的大小。安装并引入这个插件后,可以调用其API来压缩图片。 ```javascript import imageCompress from '@vant/image'; async function compressImage(file) { const result = await imageCompress.compress({ file, quality: 0.8, // 设置压缩质量,范围0-1,默认0.8 width: 400, // 可选,压缩后的宽度,超出则等比例缩放 height: 400, // 可选,压缩后的高度,超出则等比例缩放 }); return result.url; // 返回压缩后的URL } ``` 2. **前端压缩**:如果你不想引入外部库,也可以通过JavaScript原生的`FileReader`和`Canvas` API进行图片压缩。 ```javascript function compressImageBase64(file, maxWidth, maxHeight) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = () => { const img = document.createElement('img'); img.src = reader.result; img.onload = () => { const canvas = document.createElement('canvas'); canvas.width = maxWidth || img.width; canvas.height = maxHeight || img.height; const ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0, canvas.width, canvas.height); const dataUrl = canvas.toDataURL('image/jpeg', 0.8); // 压缩质量 resolve(dataUrl); }; }; reader.readAsDataURL(file); }); } // 使用示例 compressImageBase64(file).then(compressedUrl => { wx.ready(() => { wx.updateAppMessageShareData({ title: '分享标题', desc: '分享描述', imgURL: compressedUrl, success() { console.log('分享成功'); } }); }); }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值