前言
由于公司业务需求, 需要解决图片过大加载过慢的问题。这个问题呢首先给大家描述一下,起初是上传图片时将图片转换为base64保存至数据库存储的。 然后获取的时候会直接取出来base64转换图片展示,这样就发现上传的图片如果过大, 公司网络加载是会很慢的。 所以想到一个办法就是 上传时将图片压缩, 压缩后的和压缩之前的都保存下来。 然后默认展示压缩后的图片,然后点击图片时再去查出来原始图片的base64。最终博主找到可以利用thumbnailator对图片进行压缩。
正文
由于公司网络带宽差不多是100多kb,所以目前博主的设计方案是 如果图片大于128kb的话,就将图片压缩至128kb以下。我找到google有个插件thumbnailator可以满足我们的需求。 首先我们来看一下这个插件(Thumbnails类源码 of方法):
我们可以看到它的参数是源文件,也就是你初始的图片,准备编辑的图片。它有几个重载的方法,我们可以分别传入这些参数,我的项目需要用流,所以我传进去了一个ByteArrayInputStream对象。
他还有个方法是.scale()方法,它有两个重载:
单个参数的是宽高都按照相同的比例缩放。两个参数的方法var1是给宽度设置缩放比,var3是给高度设置缩放比。
最后一个是to*();这个方法是你压缩完之后,输出的格式,它有这几个方法:
这几个方法就可以满足我们的需求了。
下面贴一下我写的util代码,一共两个方法:
/**
* 根据指定大小压缩图片
*
* @param imageBytes 源图片字节数组
* @param desFileSize 指定图片大小,单位kb
* @return 压缩质量后的图片字节数组
*/
public static byte[] compressPicForScale(byte[] imageBytes, long desFileSize) {
if (imageBytes == null || imageBytes.length <= 0 || imageBytes.length < desFileSize * 1024) {
return null;
}
long srcSize = imageBytes.length;
double accuracy = getAccuracy(srcSize / 1024);
try {
while (imageBytes.length > desFileSize * 1024) {
ByteArrayInputStream inputStream = new ByteArrayInputStream(imageBytes);
ByteArrayOutputStream outputStream = new ByteArrayOutputStream(imageBytes.length);
Thumbnails.of(inputStream)
.scale(accuracy)
.outputQuality(accuracy)
.toOutputStream(outputStream);
imageBytes = outputStream.toByteArray();
}
log.info("【图片压缩】| 图片原大小={" + srcSize / 1024 + "}kb | 压缩后大小={" + imageBytes.length / 1024 + "}kb | ");
} catch (Exception e) {
log.error("【图片压缩】msg=图片压缩失败!" + e);
DefaultMonitorImpl.pushException("【图片压缩】msg=图片压缩失败!" + e);
}
return imageBytes;
}
/**
* 自动调节精度(经验数值)
*
* @param size 源图片大小
* @return 图片压缩质量比
*/
private static double getAccuracy(long size) {
double accuracy;
if (size < 900) {
accuracy = 0.85;
} else if (size < 2047) {
accuracy = 0.6;
} else if (size < 3275) {
accuracy = 0.44;
} else {
accuracy = 0.4;
}
return accuracy;
}
这里解释一下,getAccuracy方法的作用是根据我们指定的图片大小来判断一下scale方法需要的精度是多少。这个是博主从这个博客上看到的。感觉很好用。
下面看一下原图和压缩后图片的效果(原图(左),压缩图(右)):
可以看到压缩效果还是不错的,而且压缩过程也不会特别慢。
2M的图片压缩至28kb 用时1秒。
而且Thumbnails里面还有一些其他的方法,大家有兴趣的可以去看一下源码。