标签归档:图片处理

android图片压缩总结

首先该文章是总结, 不是研究, 是通过看网上其他大神的文章和自己的一些实践总结出来的. 

一.图片的存在形式

1.文件形式(即以二进制形式存在于硬盘上)
2.流的形式(即以二进制形式存在于内存中)
3.Bitmap形式
这三种形式的区别: 文件形式和流的形式对图片体积大小并没有影响,也就是说,如果你手机SD卡上的如果是100K,那么通过流的形式读到内存中,也一定是占100K的内存,注意是流的形式,不是Bitmap的形式,当图片以Bitmap的形式存在时,其占用的内存会瞬间变大, 我试过500K文件形式的图片加载到内存,以Bitmap形式存在时,占用内存将近10M,当然这个增大的倍数并不是固定的
 
检测图片三种形式大小的方法:
文件形式: file.length()
流的形式: 讲图片文件读到内存输入流中,看它的byte数
Bitmap:    bitmap.getByteCount()
 

二.常见的压缩方式

1. 将图片保存到本地时进行压缩, 即将图片从Bitmap形式变为File形式时进行压缩,
    特点是:  File形式的图片确实被压缩了, 但是当你重新读取压缩后的file为 Bitmap是,它占用的内存并没有改变   
public static void compressBmpToFile(Bitmap bmp,File file){
		ByteArrayOutputStream baos = new ByteArrayOutputStream();
		int options = 80;//个人喜欢从80开始,
		bmp.compress(Bitmap.CompressFormat.JPEG, options, baos);
		while (baos.toByteArray().length / 1024 > 100) { 
			baos.reset();
			options -= 10;
			bmp.compress(Bitmap.CompressFormat.JPEG, options, baos);
		}
		try {
			FileOutputStream fos = new FileOutputStream(file);
			fos.write(baos.toByteArray());
			fos.flush();
			fos.close();
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
方法说明: 该方法是压缩图片的质量, 注意它不会减少图片的像素,比方说, 你的图片是300K的, 1280*700像素的, 经过该方法压缩后, File形式的图片是在100以下, 以方便上传服务器, 但是你BitmapFactory.decodeFile到内存中,变成Bitmap时,它的像素仍然是1280*700, 计算图片像素的方法是 bitmap.getWidth()和bitmap.getHeight(), 图片是由像素组成的,
每个像素又包含什么呢? 熟悉PS的人知道, 图片是有色相,明度和饱和度构成的. 
 
该方法的官方文档也解释说, 它会让图片重新构造, 但是有可能图像的位深(即色深)和每个像素的透明度会变化,JPEG onlysupports opaque(不透明), 也就是说以jpeg格式压缩后, 原来图片的不透明的元素将消失.
 

既然它是改变了图片的显示质量, 达到了对File形式的图片进行压缩, 图片的像素没有改变的话, 那重新读取经过压缩的file为Bitmap时, 它占用的内存并不会少.(不相信的可以试试)

 
因为: bitmap.getByteCount() 是计算它的像素所占用的内存, 请看官方解释: Returns the number of bytes used to 
  store this bitmap’s pixels.

2.   将图片从本地读到内存时,进行压缩 ,即图片从File形式变为Bitmap形式

       特点: 通过设置采样率, 减少图片的像素, 达到对内存中的Bitmap进行压缩
       先看一个方法: 该方法是对内存中的Bitmap进行质量上的压缩, 由上面的理论可以得出该方法是无效的, 而且也是没有必要的,因为你已经将它读到内存中了,再压缩多此一举, 尽管在获取系统相册图片时,某些手机会直接返回一个Bitmap,但是这种情况下, 返回的Bitmap都是经过压缩的,
它不可能直接返回一个原声的Bitmap形式的图片, 后果可想而知
private Bitmap compressBmpFromBmp(Bitmap image) {
		ByteArrayOutputStream baos = new ByteArrayOutputStream();
		int options = 100;
		image.compress(Bitmap.CompressFormat.JPEG, 100, baos);
		while (baos.toByteArray().length / 1024 > 100) { 
			baos.reset();
			options -= 10;
			image.compress(Bitmap.CompressFormat.JPEG, options, baos);
		}
		ByteArrayInputStream isBm = new ByteArrayInputStream(baos.toByteArray());
		Bitmap bitmap = BitmapFactory.decodeStream(isBm, null, null);
		return bitmap;
	}

再看一个方法:

private Bitmap compressImageFromFile(String srcPath) {
		BitmapFactory.Options newOpts = new BitmapFactory.Options();
		newOpts.inJustDecodeBounds = true;//只读边,不读内容
		Bitmap bitmap = BitmapFactory.decodeFile(srcPath, newOpts);

		newOpts.inJustDecodeBounds = false;
		int w = newOpts.outWidth;
		int h = newOpts.outHeight;
		float hh = 800f;//
		float ww = 480f;//
		int be = 1;
		if (w > h && w > ww) {
			be = (int) (newOpts.outWidth / ww);
		} else if (w < h && h > hh) {
			be = (int) (newOpts.outHeight / hh);
		}
		if (be <= 0)
			be = 1;
		newOpts.inSampleSize = be;//设置采样率
		
		newOpts.inPreferredConfig = Config.ARGB_8888;//该模式是默认的,可不设,设了可以装13
		newOpts.inPurgeable = true;// 同时设置才会有效
		newOpts.inInputShareable = true;//。当系统内存不够时候图片自动被回收
		
		bitmap = BitmapFactory.decodeFile(srcPath, newOpts);
		//return compressBmpFromBmp(bitmap);//原来的方法调用了这个方法企图进行二次压缩
					    		//其实是无效的,大家尽管尝试
		return bitmap;
方法说明: 该方法就是对Bitmap形式的图片进行压缩, 也就是通过设置采样率, 减少Bitmap的像素,

总结: 要想压缩内存中的Bitmap, 就要减少它的像素; 要想压缩为File, 就要降低它的质量

(转)setScale,preScale和postScale的区别

上面讲到,Matrix由3*3矩阵中9个值来决定。而我们对Matrix的所有设置,也是对这9个值的各种不同的改变,来达到我们想要的效果。

下面是Matrix3*3的矩阵结构

  1. {MSCALE_X,MSKEW_X,MTRANS_X,
  2. MSKEW_Y,MSCALE_Y,MTRANS_Y,
  3. MPERSP_0,MPERSP_1,MPERSP_2}

一、首先介绍Scale缩放的控制

scale就是缩放,我们调用Matrix的setScale、preScale、postScale,实际在内部,就是通过修改MSCALE_X和MSCALE_Y来实现的。

下面就是一个简单的例子

  1. public class MatrixTestActivity extends Activity {
  2.     private int screenWidth;
  3.     private int screenHeight;
  4.     private int bitmapWidth;
  5.     private int bitmapHeight;
  6.     private float baseScale;
  7.     private float originalScale;
  8.     @Override
  9.     public void onCreate(Bundle savedInstanceState) {
  10.         super.onCreate(savedInstanceState);
  11.         setContentView(R.layout.main);
  12.         // 获得屏幕的宽高
  13.         screenWidth = getWindow().getWindowManager().getDefaultDisplay().getWidth();
  14.         screenHeight = getWindow().getWindowManager().getDefaultDisplay().getHeight();
  15.         // 加载Imageview和获得图片的信息
  16.         final ImageView imageView = (ImageView) findViewById(R.id.imgView);
  17.         final Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.a);
  18.         bitmapWidth = bitmap.getWidth();
  19.         bitmapHeight = bitmap.getHeight();
  20.         // 计算缩放比,因为如果图片的尺寸超过屏幕,那么就会自动匹配到屏幕的尺寸去显示。
  21.         // 那么,我们就不知道图片实际上在屏幕上显示的宽高,所以先计算需要全部显示的缩放比,
  22.         // 在去计算图片显示时候的实际宽高,然后,才好进行下一步的缩放。
  23.         // 要不然,会导致缩小和放大没效果,或者内存泄漏等等
  24.         float scaleX = screenWidth / (float) bitmapWidth;
  25.         float scaleY = screenHeight / (float) bitmapHeight;
  26.         baseScale = Math.min(scaleX, scaleY);// 获得缩放比例最大的那个缩放比,即scaleX和scaleY中小的那个
  27.         originalScale = baseScale;
  28.         final Matrix matrix = new Matrix();
  29.         matrix.setScale(originalScale, originalScale);
  30.         // 关于setScale和preScale和postScale的区别以后再说
  31.         // matrix.preScale(originalScale, originalScale);
  32.         // matrix.postScale(originalScale, originalScale);
  33.         Bitmap bitmap2 = Bitmap
  34.                 .createBitmap(bitmap, 0, 0, bitmapWidth, bitmapHeight, matrix, false);
  35.         imageView.setImageBitmap(bitmap2);
  36.         final Button scale_btn = (Button) findViewById(R.id.scale_btn);
  37.         final EditText scale_text = (EditText) findViewById(R.id.scale_editView);
  38.         scale_btn.setOnClickListener(new View.OnClickListener() {
  39.             public void onClick(View v) {
  40.                 String scaleStr = scale_text.getText().toString();
  41.                 if (scaleStr == null || “”.equals(scaleStr))
  42.                     return;
  43.                 float scale = 0.0f;
  44.                 try {
  45.                     scale = Float.parseFloat(scaleStr);
  46.                 } catch (NumberFormatException e) {
  47.                     return;
  48.                 }
  49.                 matrix.reset();
  50.                 originalScale = scale * originalScale;//看
  51.                 if (originalScale < 0.05 ){
  52.                     originalScale=0.05f;
  53.                 }
  54.                 if(originalScale > baseScale){
  55.                     originalScale=baseScale;
  56.                 }
  57.                 matrix.setScale(originalScale, originalScale);
  58.                 Bitmap bitmapChange = Bitmap.createBitmap(bitmap, 0, 0, bitmapWidth, bitmapHeight,
  59.                         matrix, false);
  60.                 imageView.setImageBitmap(bitmapChange);
  61.             }
  62.         });
  63.     }
  64. }

可以发现,对于Scale的设置,Matrix提供了3中不同的方式来设置。

setScale、preScale、postScale。

这三种方法之间有什么区别呢?看下面的。

 

二、set….、pre….、post…的区别

1、setScale(sx,sy),首先会将该Matrix设置为对角矩阵,即相当于调用reset()方法,然后在设置该Matrix的MSCALE_X和MSCALE_Y直接设置为sx,sy的值

2、preScale(sx,sy),不会重置Matrix,而是直接与Matrix之前的MSCALE_X和MSCALE_Y值结合起来(相乘),M’ = M * S(sx, sy)。

3、postScale(sx,sy),不会重置Matrix,而是直接与Matrix之前的MSCALE_X和MSCALE_Y值结合起来(相乘),M’ = S(sx, sy) * M。

preScale和post都是与之前的Matrix结合起来,那它们之间又有什么区别呢?

举几个例子测试下关于pre….和post….的区别:

对一个Matrix如下设置

1、pre….的执行顺序

  1. Matrix matrix=new Matrix();
  2. float[] points=new float[]{10.0f,10.0f};
  3. matrix.preScale(2.0f, 3.0f);//
  4. matrix.preTranslate(8.0f,7.0f);//
  5. matrix.mapPoints(points);
  6. Log.i(“test”, points[0]+””);
  7. Log.i(“test”, points[1]+””);

结果为点坐标为(36.0,51.0)

可以得出结论,进行变换的顺序是先执行preTranslate(8.0f,7.0f),在执行的preScale(2.0f,3.0f)。这也是为什么有的人比喻为pre…是向后生长的,即对于一个Matrix的设置中,

所有pre….是倒着向后执行的。

 

2、post…的执行顺序

  1. Matrix matrix=new Matrix();
  2. float[] points=new float[]{10.0f,10.0f};
  3. matrix.postScale(2.0f, 3.0f);//
  4. matrix.postTranslate(8.0f,7.0f);//
  5. matrix.mapPoints(points);
  6. Log.i(“test”, points[0]+””);
  7. Log.i(“test”, points[1]+””);

结果为点坐标为(28.0,37.0)

可以得出结论,进行变换的顺序是先执行postScale(2.0f,3.0f),在执行的postTranslate(8.0f,7.0f)。这
也是为什么有的人比喻为post…是向前生长的,即对于一个Matrix的设置中,所有post….是顺着向前执行的。

 

3、当pre和post交替出现的执行顺序

  1. Matrix matrix=new Matrix();
  2. float[] points=new float[]{10.0f,10.0f};
  3. matrix.postScale(2.0f, 3.0f);
  4. matrix.preRotate(90);
  5. matrix.mapPoints(points);
  6. Log.i(“test”, points[0]+””);
  7. Log.i(“test”, points[1]+””);

结果为点坐标为(-20.0,30.0)

将pre…和post顺序换一下

  1. Matrix matrix=new Matrix();
  2. float[] points=new float[]{10.0f,10.0f};
  3. matrix.preRotate(90);
  4. matrix.postScale(2.0f, 3.0f);
  5. matrix.mapPoints(points);
  6. Log.i(“test”, points[0]+””);
  7. Log.i(“test”, points[1]+””);

结果为点坐标依旧为为(-20.0,30.0)

可见,总是pre先执行的。在看下面的:

  1. Matrix matrix = new Matrix();
  2. float[] points = new float[] { 10.0f, 10.0f };
  3. matrix.postScale(2.0f, 3.0f);// 第1步
  4. matrix.preRotate(90);// 第2步
  5. matrix.postTranslate(8.0f, 7.0f);// 第3步
  6. matrix.preScale(1.5f, 2.5f);// 第4步
  7. matrix.mapPoints(points);
  8. Log.i(“test”, points[0] + “”);
  9. Log.i(“test”, points[1] + “”);

结果为点坐标依旧为为(-42.0,52.0)
经过前面的结论和推算,可以发现执行的顺序是   4—-2—-1—3

 

在看下面的,增加了setScale的一段代码:

  1. Matrix matrix = new Matrix();
  2. float[] points = new float[] { 10.0f, 10.0f };
  3. matrix.postScale(2.0f, 3.0f);// 第1步
  4. matrix.preRotate(90);// 第2步
  5. matrix.setScale(1.4f, 2.6f);// 第3步
  6. matrix.postTranslate(8.0f, 7.0f);// 第4步
  7. matrix.preScale(1.5f, 2.5f);// 第5步
  8. matrix.mapPoints(points);
  9. Log.i(“test”, points[0] + “”);
  10. Log.i(“test”, points[1] + “”);

结果为点坐标依旧为为(29.0,72.0)
经过计算,可以发现,在第3步setScale之前的第1、2步根本就没有用了,直接被第3步setScale覆盖,在从第3开始执行的。

顺序为2—1—-3—-5—-4,因为2、1被覆盖了,所以没有效果,相当于直接执行3—–5—-4

 

总结:最后可以得出结论,在对matrix该次变换之前的所有设置中,先检测有没有setScale,如果有,直接跳到setScale那一步开始
执行变换,然后在倒着执行下面所有的pre…变换,在顺着执行所有post….的变换。所以在对Matrix变换设置的时候,一定要注意顺序,不
同的顺序,会有不同的结果。