{"id":3644,"date":"2025-04-14T11:29:20","date_gmt":"2025-04-14T11:29:20","guid":{"rendered":"https:\/\/alsaeeddev.com\/?p=3644"},"modified":"2025-04-14T12:07:42","modified_gmt":"2025-04-14T12:07:42","slug":"android-image-compressor-app-with-image-picker","status":"publish","type":"post","link":"https:\/\/alsaeeddev.com\/shop\/android-image-compressor-app-with-image-picker\/","title":{"rendered":"\ud83d\udcf1 Android Image Compressor App with Image Picker and Storage"},"content":{"rendered":"

If you’re looking to build an Android Image Compressor App with Image Picker that lets users select, compress, and save images directly to their device, you’re in the right place. In this tutorial, we\u2019ll walk you through how to create an Android image compression tool using Java, ActivityResultLauncher<\/code>, SeekBar<\/code>, and a multithreaded approach for performance.<\/p>\n

\ud83d\udd27 What This App Does<\/h3>\n
    \n
  • Select images using the modern Image Picker API<\/li>\n
  • Display original and compressed images<\/li>\n
  • Adjust compression quality via SeekBar<\/li>\n
  • Save compressed images to external storage<\/li>\n
  • Optimize image processing using ExecutorService<\/li>\n<\/ul>\n

    \ud83d\ude80 Step-by-Step Breakdown<\/h3>\n

    1. Image Selection Using ActivityResultLauncher<\/h4>\n

    The app uses ActivityResultContracts.PickVisualMedia()<\/code> to allow users to select an image from their gallery. Once an image is picked, it’s displayed in the original image view using:<\/p>\n

     pickMultipleMedia.launch(new PickVisualMediaRequest.Builder()\r\n    .setMediaType(ActivityResultContracts.PickVisualMedia.ImageOnly.INSTANCE)\r\n    .build());<\/code><\/pre>\n
    2. Live Compression Quality Adjustment<\/h4>\n
    A SeekBar allows users to set the compression level in real-time. The compressionQuality<\/code> variable updates with each user interaction, and the value is shown dynamically using a TextView.<\/p>\n
     tvSeekValue.setText(\"Compression: \" + progress + \"%\");<\/code><\/pre>\n
    3. Image Compression in Background Threads<\/h4>\n
    To keep the UI responsive, the app uses ExecutorService<\/code> to handle compression on a background thread. This ensures the main thread isn’t blocked while processing images.<\/p>\n
     Bitmap compressedBitmap = compressImage(imageModel.getOriginalImage(), compressionQuality);<\/code><\/pre>\n
    4. Saving Compressed Images<\/h4>\n
    Once an image is compressed, users can tap a button to save it into the Pictures\/CompressedImages<\/code> folder. The file is written using FileOutputStream<\/code>, and then registered in the device gallery.<\/p>\n
     addImageToGallery(file);<\/code><\/pre>\n
    5. Displaying the Result<\/h4>\n
    The app shows both the original and compressed image side by side, allowing users to visually compare them. A progress bar is used to indicate when compression is happening in the background.<\/p>\n
    \ud83e\udde0 Key Concepts Used<\/h3>\n
      \n
    • Bitmap Compression with Bitmap.compress()<\/code><\/li>\n
    • Multithreading with Executors.newFixedThreadPool()<\/code><\/li>\n
    • Modern Media Picker with ActivityResultContracts<\/code><\/li>\n
    • Storage Access with Environment.getExternalStoragePublicDirectory()<\/code><\/li>\n
    • Gallery Update via MediaStore<\/code><\/li>\n<\/ul>\n
      \ud83d\udee1\ufe0f Final Touch: Cleanup<\/h3>\n
      Always remember to shut down the ExecutorService when the activity is destroyed to prevent memory leaks:<\/p>\n
       @Override\r\nprotected void onDestroy() {\r\n    super.onDestroy();\r\n    executorService.shutdown();\r\n}<\/code><\/pre>\n
      Complete Code Here<\/h3>\n
      \n
      1. MainActivity.java<\/h4>\n
      \r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n\r\n    private Button btnImagesSelect, btnSaveImages, btnCompressImages;\r\n    private TextView tvSeekValue;\r\n    private SeekBar compressionSeekBar;\r\n    private int compressionQuality = 100;  \/\/ Default to 100%\r\n    ImageModel imageModel;\r\n    private ImageView originalImageView, compressedImageView;\r\n    private ProgressBar progressBar;\r\n\r\n    private final ExecutorService executorService = Executors.newFixedThreadPool(2);\r\n\r\n    ActivityResultLauncher pickMultipleMedia =\r\n            registerForActivityResult(new ActivityResultContracts.PickVisualMedia(), uri -> {\r\n\r\n\r\n                if (uri != null) {\r\n                    \/\/ Handle the selected media URI (image or video)\r\n                    Log.d(\"Selected URI\", uri.toString());\r\n                    setImageInImageView(uri);\r\n                } else {\r\n                    Log.d(\"PickMedia\", \"No media selected\");\r\n                }\r\n\r\n\r\n            });\r\n\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_main);\r\n\r\n\r\n        originalImageView = findViewById(R.id.originalImageView);\r\n        compressedImageView = findViewById(R.id.compressedImageView);\r\n        btnImagesSelect = findViewById(R.id.selectImagesButton);\r\n        btnSaveImages = findViewById(R.id.saveImagesButton);\r\n        btnCompressImages = findViewById(R.id.compressImages);\r\n        compressionSeekBar = findViewById(R.id.compressionSeekBar);\r\n        tvSeekValue = findViewById(R.id.tvSeekValue);\r\n        progressBar = findViewById(R.id.progressBar);\r\n\r\n\r\n        btnImagesSelect.setOnClickListener(view -> openImagePicker());\r\n        btnSaveImages.setOnClickListener(view -> saveCompressedImages());\r\n\r\n        btnCompressImages.setOnClickListener(v -> compressImagesInBackground());\r\n\r\n        compressionSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {\r\n            @Override\r\n            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {\r\n                compressionQuality = progress;\r\n                tvSeekValue.setText(\"Compression: \" + progress + \"%\");\r\n            }\r\n\r\n            @Override\r\n            public void onStartTrackingTouch(SeekBar seekBar) {\r\n            }\r\n\r\n            @Override\r\n            public void onStopTrackingTouch(SeekBar seekBar) {\r\n            }\r\n        });\r\n    }\r\n\r\n\r\n    \/\/ open image picker to pick the image\r\n    private void openImagePicker() {\r\n        pickMultipleMedia.launch(new PickVisualMediaRequest.Builder()\r\n                .setMediaType(ActivityResultContracts.PickVisualMedia.ImageOnly.INSTANCE)\r\n                .build());\r\n    }\r\n\r\n\r\n\r\n    \/\/ set the selected image in the original image view\r\n    private void setImageInImageView(Uri uri) {\r\n        executorService.execute(() -> {\r\n            try {\r\n                InputStream inputStream = getContentResolver().openInputStream(uri);\r\n                Bitmap originalBitmap = BitmapFactory.decodeStream(inputStream);\r\n                imageModel = new ImageModel(originalBitmap, uri);\r\n\r\n\r\n                runOnUiThread(() -> {\r\n                    originalImageView.setImageBitmap(originalBitmap);\r\n                    compressedImageView.setImageBitmap(null);\r\n\r\n                });\r\n            } catch (IOException e) {\r\n                e.printStackTrace();\r\n            }\r\n        });\r\n    }\r\n\r\n\r\n\r\n    \/\/ compressed image in the background\r\n    private void compressImagesInBackground() {\r\n        progressBar.setVisibility(View.VISIBLE);\r\n        executorService.execute(() -> {\r\n\r\n            Bitmap compressedBitmap = compressImage(imageModel.getOriginalImage(), compressionQuality);\r\n            imageModel.setCompressedImage(compressedBitmap);\r\n\r\n            runOnUiThread(() -> {\r\n                compressedImageView.setImageBitmap(compressedBitmap);\r\n                progressBar.setVisibility(View.GONE);\r\n            });\r\n\r\n        });\r\n    }\r\n\r\n\r\n    \/\/compress image method, which is calling in the compressImagesInBackground method\r\n    private Bitmap compressImage(Bitmap original, int quality) {\r\n        ByteArrayOutputStream stream = new ByteArrayOutputStream();\r\n        original.compress(Bitmap.CompressFormat.JPEG, quality, stream);\r\n        byte[] byteArray = stream.toByteArray();\r\n        return BitmapFactory.decodeByteArray(byteArray, 0, byteArray.length);\r\n    }\r\n\r\n\r\n\r\n    \/\/ save the compressed image in the phone storage\r\n    private void saveCompressedImages() {\r\n        executorService.execute(() -> {\r\n            File directory = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), \"CompressedImages\");\r\n            if (!directory.exists()) {\r\n                directory.mkdirs();\r\n            }\r\n\r\n            File file = new File(directory, \"compressed_\" + System.currentTimeMillis() + \".jpg\");\r\n            try (FileOutputStream fos = new FileOutputStream(file)) {\r\n                imageModel.getCompressedImage().compress(Bitmap.CompressFormat.JPEG, 100, fos);\r\n                fos.flush();\r\n                addImageToGallery(file);\r\n            } catch (IOException e) {\r\n                e.printStackTrace();\r\n            }\r\n\r\n            \/\/ Show toast with full image path\r\n            runOnUiThread(() -> Toast.makeText(\r\n                    this,\r\n                    \"Image saved at:\\n\" + file.getAbsolutePath(),\r\n                    Toast.LENGTH_LONG\r\n            ).show());\r\n        });\r\n    }\r\n\r\n\r\n    \/\/show the image in the gallery\r\n    private void addImageToGallery(File file) {\r\n        ContentValues values = new ContentValues();\r\n        values.put(MediaStore.Images.Media.DATA, file.getAbsolutePath());\r\n        values.put(MediaStore.Images.Media.MIME_TYPE, \"image\/jpeg\");\r\n        getContentResolver().insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, values);\r\n    }\r\n\r\n    @Override\r\n    protected void onDestroy() {\r\n        super.onDestroy();\r\n        executorService.shutdown();\r\n    }\r\n}\r\n<\/code><\/pre>\n
      \ud83d\udce6 2. ImageModel.java \u2013 Custom Model Class for Handling Images<\/h3>\n
      \ud83d\udca1 Note:<\/strong> This is a reusable model class used to store and manage both the original<\/strong> and compressed<\/strong> image Bitmaps, along with the image URI<\/strong>. While it’s helpful for clean code and scalability, you can also work without a model class if you prefer a simpler implementation.<\/p>\n
      \r\npublic class ImageModel {\r\n    private Bitmap originalImage;\r\n    private Bitmap compressedImage;\r\n    private Uri imageUri;\r\n\r\n    public ImageModel(Bitmap originalImage, Uri imageUri) {\r\n        this.originalImage = originalImage;\r\n        this.imageUri = imageUri;\r\n        this.compressedImage = originalImage;\r\n    }\r\n\r\n    public Bitmap getOriginalImage() {\r\n        return originalImage;\r\n    }\r\n\r\n    public Bitmap getCompressedImage() {\r\n        return compressedImage;\r\n    }\r\n\r\n    public void setCompressedImage(Bitmap compressedImage) {\r\n        this.compressedImage = compressedImage;\r\n    }\r\n\r\n    public Uri getImageUri() {\r\n        return imageUri;\r\n    }\r\n}\r\n<\/code><\/pre>\n
      3. activity_main.xml<\/h4>\n
       <ScrollView xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:fillViewport=\"true\"\r\n    android:orientation=\"vertical\"\r\n    android:padding=\"16dp\"\r\n    tools:context=\".MainActivity\">\r\n\r\n    <androidx.constraintlayout.widget.ConstraintLayout\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"wrap_content\">\r\n\r\n        <TextView\r\n            android:id=\"@+id\/tvOriginal\"\r\n            android:layout_width=\"0dp\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:layout_marginTop=\"8dp\"\r\n            android:gravity=\"center\"\r\n            android:text=\"Original Image\"\r\n            android:textColor=\"@color\/black\"\r\n            android:textSize=\"16sp\"\r\n            android:textStyle=\"bold\"\r\n            app:layout_constraintBottom_toTopOf=\"@id\/cvOriginal\"\r\n            app:layout_constraintEnd_toEndOf=\"@id\/cvOriginal\"\r\n            app:layout_constraintStart_toStartOf=\"@id\/cvOriginal\"\r\n            app:layout_constraintTop_toTopOf=\"parent\" \/>\r\n\r\n        <TextView\r\n            android:id=\"@+id\/tvCompressed\"\r\n            android:layout_width=\"wrap_content\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:layout_marginTop=\"8dp\"\r\n            android:gravity=\"center\"\r\n            android:text=\"Compressed Image\"\r\n            android:textColor=\"@color\/black\"\r\n            android:textSize=\"16sp\"\r\n            android:textStyle=\"bold\"\r\n            app:layout_constraintBottom_toTopOf=\"@id\/cvCompressed\"\r\n            app:layout_constraintEnd_toEndOf=\"@id\/cvCompressed\"\r\n            app:layout_constraintStart_toStartOf=\"@id\/cvCompressed\"\r\n            app:layout_constraintTop_toTopOf=\"parent\" \/>\r\n\r\n        <androidx.cardview.widget.CardView\r\n            android:id=\"@+id\/cvOriginal\"\r\n            android:layout_width=\"0dp\"\r\n            android:layout_height=\"300dp\"\r\n            app:cardCornerRadius=\"8dp\"\r\n            app:layout_constraintBottom_toTopOf=\"@+id\/compressionSeekBar\"\r\n            app:layout_constraintEnd_toStartOf=\"@+id\/cvCompressed\"\r\n            app:layout_constraintHorizontal_bias=\"0.5\"\r\n            app:layout_constraintStart_toStartOf=\"parent\"\r\n            app:layout_constraintTop_toTopOf=\"parent\">\r\n\r\n            <ImageView\r\n                android:id=\"@+id\/originalImageView\"\r\n                android:layout_width=\"match_parent\"\r\n                android:layout_height=\"match_parent\"\r\n                android:scaleType=\"centerCrop\" \/>\r\n\r\n        <\/androidx.cardview.widget.CardView>\r\n\r\n        <androidx.cardview.widget.CardView\r\n            android:id=\"@+id\/cvCompressed\"\r\n            android:layout_width=\"0dp\"\r\n            android:layout_height=\"300dp\"\r\n            android:layout_marginStart=\"16dp\"\r\n            app:cardCornerRadius=\"8dp\"\r\n            app:layout_constraintBottom_toTopOf=\"@+id\/compressionSeekBar\"\r\n            app:layout_constraintEnd_toEndOf=\"parent\"\r\n            app:layout_constraintHorizontal_bias=\"0.5\"\r\n            app:layout_constraintStart_toEndOf=\"@+id\/cvOriginal\"\r\n            app:layout_constraintTop_toTopOf=\"parent\">\r\n\r\n            <ImageView\r\n                android:id=\"@+id\/compressedImageView\"\r\n                android:layout_width=\"match_parent\"\r\n                android:layout_height=\"match_parent\"\r\n                android:scaleType=\"centerCrop\" \/>\r\n\r\n        <\/androidx.cardview.widget.CardView>\r\n\r\n        <ProgressBar\r\n            android:id=\"@+id\/progressBar\"\r\n            android:layout_width=\"wrap_content\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:visibility=\"gone\"\r\n            app:layout_constraintBottom_toBottomOf=\"@id\/cvCompressed\"\r\n            app:layout_constraintEnd_toEndOf=\"@id\/cvCompressed\"\r\n            app:layout_constraintStart_toStartOf=\"@id\/cvCompressed\"\r\n            app:layout_constraintTop_toTopOf=\"@id\/cvCompressed\" \/>\r\n\r\n        <SeekBar\r\n            android:id=\"@+id\/compressionSeekBar\"\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:layout_marginBottom=\"8dp\"\r\n            android:max=\"100\"\r\n            android:progress=\"100\"\r\n            app:layout_constraintBottom_toTopOf=\"@+id\/selectImagesButton\"\r\n            app:layout_constraintEnd_toEndOf=\"parent\"\r\n            app:layout_constraintStart_toStartOf=\"parent\"\r\n            app:layout_constraintTop_toBottomOf=\"@id\/cvCompressed\" \/>\r\n\r\n        <TextView\r\n            android:id=\"@+id\/tvSeekValue\"\r\n            android:layout_width=\"wrap_content\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:layout_gravity=\"center_horizontal\"\r\n            android:layout_marginTop=\"8dp\"\r\n            android:layout_marginBottom=\"8dp\"\r\n            android:text=\"100%\"\r\n            app:layout_constraintBottom_toTopOf=\"@id\/selectImagesButton\"\r\n            app:layout_constraintEnd_toEndOf=\"parent\"\r\n            app:layout_constraintStart_toStartOf=\"@id\/compressionSeekBar\"\r\n            app:layout_constraintTop_toBottomOf=\"@id\/compressionSeekBar\" \/>\r\n\r\n        <Button\r\n            android:id=\"@+id\/selectImagesButton\"\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:layout_marginBottom=\"8dp\"\r\n            android:text=\"Select Image\"\r\n            app:layout_constraintBottom_toTopOf=\"@+id\/compressImages\"\r\n            app:layout_constraintEnd_toEndOf=\"parent\"\r\n            app:layout_constraintStart_toStartOf=\"parent\" \/>\r\n\r\n        <Button\r\n            android:id=\"@+id\/compressImages\"\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:layout_marginBottom=\"8dp\"\r\n            android:text=\"Compress Image\"\r\n            app:layout_constraintBottom_toTopOf=\"@+id\/saveImagesButton\"\r\n            app:layout_constraintEnd_toEndOf=\"parent\"\r\n            app:layout_constraintStart_toStartOf=\"parent\" \/>\r\n\r\n        <Button\r\n            android:id=\"@+id\/saveImagesButton\"\r\n            android:layout_width=\"match_parent\"\r\n            android:layout_height=\"wrap_content\"\r\n            android:layout_marginBottom=\"16dp\"\r\n            android:text=\"Save Compressed Image\"\r\n            app:layout_constraintBottom_toBottomOf=\"parent\"\r\n            app:layout_constraintEnd_toEndOf=\"parent\"\r\n            app:layout_constraintStart_toStartOf=\"parent\" \/>\r\n\r\n    <\/androidx.constraintlayout.widget.ConstraintLayout>\r\n\r\n<\/ScrollView>\r\n<\/code><\/pre>\n
      \n