Introduction

In this article, you will learn how to resize and compress an image in Android. Resizing and compressing an image is sometimes very useful.
Step 1
"string.xml" used in this project is:
  1. <resources>
  2. <string name="app_name">CompressImage</string>
  3. <string name="action_settings">Settings</string>
  4. <string name="hello_world">Image Compressor</string>
  5. </resources>
Step 2
Right-click on "layout" then select "New" -> "Layout resource file". Name this file as "splash_layout" and add the following code to it:
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:orientation="vertical"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent">
  5. <TextView
  6. android:layout_width="fill_parent"
  7. android:layout_height="wrap_content"
  8. android:text="@string/hello_world"
  9. android:textSize="30dp"
  10. android:layout_marginLeft="60dp"
  11. android:layout_marginTop="80dp"/>
  12. <ImageView
  13. android:layout_height="300dp"
  14. android:layout_width="300dp"
  15. android:id="@+id/image"
  16. android:layout_marginLeft="40dp"
  17. android:layout_marginTop="80dp"
  18. android:src="@drawable/compress" />
  19. </LinearLayout>
The layout looks like:
im1.jpg
Step 3
Open "activity_main" and add the following to it:
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:paddingLeft="@dimen/activity_horizontal_margin"
  6. android:paddingRight="@dimen/activity_horizontal_margin"
  7. android:paddingTop="@dimen/activity_vertical_margin"
  8. android:paddingBottom="@dimen/activity_vertical_margin"
  9. tools:context=".MainActivity"
  10. android:orientation="vertical">
  11. <TextView
  12. android:layout_width="wrap_content"
  13. android:layout_height="wrap_content"
  14. android:text="Choose image"
  15. android:textSize="30dp"
  16. android:layout_marginLeft="50dp"/>
  17. <ImageView
  18. android:id="@+id/im1"
  19. android:layout_height="wrap_content"
  20. android:layout_width="fill_parent"
  21. android:src="@drawable/camera"
  22. android:onClick="compress"/>
  23. <ImageView
  24. android:id="@+id/im2"
  25. android:layout_height="wrap_content"
  26. android:layout_width="fill_parent"
  27. android:src="@drawable/im2"
  28. android:onClick="compress"
  29. android:layout_marginTop="20dp"/>
  30. </LinearLayout>
The layout looks like:
im2.jpg
Step 4
Right-click on the package then select "New" -> "Java class". Name it Splash_screen and add the following code to it:
  1. package com.chhavi.compressimage;
  3. import android.app.Activity;
  4. import android.content.Intent;
  5. import android.os.Bundle;
  6. import android.view.MotionEvent;
  8. public class Splash_screen extends Activity {
  9. private Thread mSplashThread;
  11. @Override
  12. protected void onCreate(Bundle savedInstanceState) {
  13. super.onCreate(savedInstanceState);
  14. setContentView(R.layout.splash_layout);
  15. final Splash_screen sPlashScreen = this;
  17. mSplashThread = new Thread(){
  18. @Override
  19. public void run(){
  20. try {
  21. synchronized(this){
  23. wait(5000);
  24. }
  25. }
  26. catch(InterruptedException ex){
  27. }
  29. finish();
  31. Intent intent = new Intent();
  32. intent.setClass(sPlashScreen, MainActivity.class);
  33. startActivity(intent);
  34. }
  35. };
  36. mSplashThread.start();
  37. }
  39. @Override
  41. public boolean onTouchEvent(MotionEvent evt)
  42. {
  43. if(evt.getAction() == MotionEvent.ACTION_DOWN)
  44. {
  45. synchronized(mSplashThread){
  46. mSplashThread.notifyAll();
  47. }
  48. }
  49. return true;
  50. }
  51. }
Step 5
Open "MainActivity" and add the following code to it:
  1. package com.chhavi.compressimage;
  3. import android.graphics.Bitmap;
  4. import android.graphics.BitmapFactory;
  5. import android.graphics.Matrix;
  6. import android.graphics.drawable.BitmapDrawable;
  7. import android.os.Bundle;
  8. import android.app.Activity;
  9. import android.util.Log;
  10. import android.view.Menu;
  11. import android.view.View;
  12. import android.widget.EditText;
  13. import android.widget.ImageView;
  14. import java.io.ByteArrayOutputStream;
  16. public class MainActivity extends Activity {
  18. ImageView im;
  19. Bitmap originalImage;
  20. int width;
  21. int height;
  22. int newWidth = 200;
  23. int newHeight = 200;
  24. Matrix matrix;
  25. Bitmap resizedBitmap;
  26. float scaleWidth ;
  27. float scaleHeight;
  28. ByteArrayOutputStream outputStream;
  30. @Override
  31. protected void onCreate(Bundle savedInstanceState) {
  32. super.onCreate(savedInstanceState);
  33. setContentView(R.layout.activity_main);
  34. }
  36. public void compress(View v)
  37. {
  38. setContentView(R.layout.activity_main);
  39. switch (v.getId())
  40. {
  41. case R.id.im1:
  43. originalImage = BitmapFactory.decodeResource(getResources(), R.drawable.camera);
  44. width = originalImage.getWidth();
  45. Log.i("Old width................", width + "");
  46. height = originalImage.getHeight();
  47. Log.i("Old height................", height + "");
  49. matrix = new Matrix();
  50. scaleWidth = ((float) newWidth) / width;
  51. scaleHeight = ((float) newHeight) / height;
  52. matrix.postScale(scaleWidth, scaleHeight);
  53. matrix.postRotate(45);
  55. resizedBitmap = Bitmap.createBitmap(originalImage, 0, 0, width, height, matrix, true);
  56. outputStream = new ByteArrayOutputStream();
  57. resizedBitmap.compress(Bitmap.CompressFormat.JPEG, 100, outputStream);
  58. im=(ImageView)findViewById(R.id.im1);
  59. im.setImageBitmap(resizedBitmap);
  60. width = resizedBitmap.getWidth();
  61. Log.i("new width................", width + "");
  62. height = resizedBitmap.getHeight();
  63. Log.i("new height................", height + "");
  65. break;
  67. case R.id.im2:
  69. originalImage = BitmapFactory.decodeResource(getResources(),R.drawable.im2);
  70. width = originalImage.getWidth();
  71. Log.i("Old width................", width + "");
  72. height = originalImage.getHeight();
  73. Log.i("Old height................", height + "");
  75. matrix = new Matrix();
  76. scaleWidth = ((float) newWidth) / width;
  77. scaleHeight = ((float) newHeight) / height;
  78. matrix.postScale(scaleWidth, scaleHeight);
  79. matrix.postRotate(-45);
  80. Bitmap resizedBitmap = Bitmap.createBitmap(originalImage, 0, 0, width, height, matrix, true);
  81. im=(ImageView)findViewById(R.id.im2);
  83. outputStream = new ByteArrayOutputStream();
  84. resizedBitmap.compress(Bitmap.CompressFormat.JPEG, 100, outputStream);
  85. im.setImageBitmap(resizedBitmap);
  86. width = resizedBitmap.getWidth();
  87. Log.i("new width................", width + "");
  88. height = resizedBitmap.getHeight();
  89. Log.i("new height................", height + "");
  91. break;
  92. }
  93. }
  95. @Override
  96. public boolean onCreateOptionsMenu(Menu menu) {
  97. // Inflate the menu; this adds items to the action bar if it is present.
  98. getMenuInflater().inflate(R.menu.main, menu);
  99. return true;
  100. }
  101. }
In the code above, the "compress" function is used to compress the bitmap. "createBitmap" resizes the bitmap.
Step 6
Open "AndroidManifest" and do the following changes in it:
  1. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  2. package="com.chhavi.compressimage"
  3. android:versionCode="1"
  4. android:versionName="1.0" >
  6. <uses-sdk
  7. android:minSdkVersion="7"
  8. android:targetSdkVersion="16" />
  10. <application
  11. android:allowBackup="true"
  12. android:icon="@drawable/ic_launcher"
  13. android:label="@string/app_name"
  14. android:theme="@style/AppTheme" >
  15. <activity
  16. android:name="com.chhavi.compressimage.MainActivity"
  17. android:label="@string/app_name" >
  18. <intent-filter>
  19. <action android:name="android.intent.action.MAIN" />
  20. <category android:name="android.intent.category.DEFAULT" />
  21. </intent-filter>
  22. </activity>
  24. <activity android:name=".Splash_screen">
  25. <intent-filter>
  26. <action android:name="android.intent.action.MAIN"/>
  27. <category android:name="android.intent.category.LAUNCHER"/>
  28. </intent-filter>
  29. </activity>
  31. </application>
  33. </manifest>
Output snapshots.
First, the splash screen appears.
im3.jpg
After some time:
im4.jpg
Clicking on the first image will resize and compress the image.
im5.jpg
Clicking on the second image will resize and compress the second image
im6.jpg
Thank you