js压缩图片到指定大小

图片的过大或者过小,都是一定程度上影响使用。要想统一图片的尺寸,最好的办法就是把它们压缩到统一的尺寸,这里我们选择js来进行压缩。在正式开始压缩之前,我们需要了解压缩图片的需求是什么,这样才能更好地针对代码有所体现。下面是探究js压缩图片到指定大小的过程。

1.压缩图片需求

大多时候我们需要将一个File对象压缩之后再变为File对象传入到远程图片服务器;有时候我们也需要将一个base64字符串压缩之后再变为base64字符串传入到远程数据库;有时候后它还有可能是一块canvas画布,或者是一个Image对象,或者直接就是一个图片的url地址,我们需要将它们压缩上传到远程

2.压缩实例

//将图片压缩到100KB
imageConversion.compressAccurately(file,100);

//还可以加上其他选项,指定压缩图片的精确度、类型、宽度、高度、旋转方向、缩放
imageConversion.compressAccurately(file,{
size:100,//Thecompressedimagesizeis100kb
accuracy:0.9,//theaccuracyofimagecompressionsize,range0.8-0.99,default0.95;
//thismeansifthepicturesizeissetto1000Kbandthe
//accuracyis0.9,theimagewiththecompressionresult
//of900Kb-1100Kbisconsideredacceptable;
type:"image/png",
width:300,
height:200,
orientation:2,
scale:0.5,
})

原文来自:https://www.py.cn

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容