怎么把图片文件压缩到20k以下

你知道怎么把图片文件压缩到20K以下吗?现在很多的网站都不可以上传大的图片,不管是报名考试还是其它的一些事情,图片超过网站特定的上传大小就不可以进行上传,那么我们怎么才能将图片文件压缩到20K以下进行上传呢?下面就为大家介绍一下压缩的方法。

1:首先需要将压缩软件安装到自己的电脑中,打开软件就可以找到图片压缩,点击图片压缩进入到压缩的页面。

8a90afcaabf5d99fc1e6117b043b03c9d0d.jpg

2:在进入压缩的页面后,点击选择文件,选择需要进行压缩的图片文件,可以点击添加文件夹,将文件夹中的图片文件添加到压缩的页面来。

219119fea8c1a8ec812070d6dcf8c5053a4.jpg

3:添加文件后,在下面可以看到压缩的类型以及输出格式,将压缩类型设置到自己需要的缩小优先,然后将输出格式设置到自己需要的格式即可。

689664eb4ad1583a76e0b9f0365d4bd67cb.jpg

4:在底部可以看到保存至,在下面修改图片压缩完成的保存路径,可以点击后面的文件夹图标进行选择需要进行保存的文件夹。也可以直接保存到原文件夹。

4e28d2b503624165aa659d2c86d13bdb7c7.jpg

5:点击开始压缩,需要进行压缩的图片文件就会在压缩的过程中,压缩完成的图片文件会直接保存到设置好的文件夹路径中。也可以点击查看文件来查找压缩完成的图片文件。

85b9a4158f4b5b2cb9c373365dfdc78215a.jpg

图片压缩到20K以下也可以使用在线压缩的方法。

1:首先找到这样一款在线压缩器,在网站的首页找到图片压缩,点击图片压缩进入到压缩的页面。

c4861deb66fe8912b05b5228ddf586ba95d.jpg

2:在压缩的页面可以看到选择文件,选择添加需要压缩的图片文件,每次压缩可以添加四张图片。

561224282be88c19f3270ba2ac2362cb629.jpg

3:添加图片后,会出现压缩的类型,将压缩的类型设置到缩小优先,输出的格式为原格式,然后,点击开始压缩,耐心的等待图片的压缩完成即可。

365331996e34870fd0b30133ef8c8fe5f2b.jpg

以上就是为大家分享的图片压缩的操作方法,希望对您有所帮助

转载于:https://my.oschina.net/u/3913465/blog/2239876

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、付费专栏及课程。

余额充值