js如何压缩图片到指定大小

这篇文章主要介绍了js如何压缩图片到指定大小的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇js如何压缩图片到指定大小文章都会有所收获，下面我们一起来看看吧。

1.压缩图片需求

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

2.压缩实例

//将图片压缩到100KB
imageConversion.compressAccurately(file,100);
 
//还可以加上其他选项，指定压缩图片的精确度、类型、宽度、高度、旋转方向、缩放
imageConversion.compressAccurately(file,{
  size: 100,    //The compressed image size is 100kb
  accuracy: 0.9,//the accuracy of image compression size,range 0.8-0.99,default 0.95;
                //this means if the picture size is set to 1000Kb and the
                //accuracy is 0.9, the image with the compression result
                //of 900Kb-1100Kb is considered acceptable;
  type: "image/png",
  width: 300,
  height: 200,
  orientation:2,
  scale: 0.5,
})

关于“js如何压缩图片到指定大小”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“js如何压缩图片到指定大小”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程之家行业资讯频道。