@corasan/image-compressor

@corasan/image-compressor is a React Native module that allows you to compress images using OpenCV. Built with Nitro Modules.

Installation

You will need to install react-native-nitro-modules in your app.

1yarn add @corasan/image-compressor react-native-nitro-modules
2npm install @corasan/image-compressor react-native-nitro-modules
3bun add @corasan/image-compressor react-native-nitro-modules

Add the plugin to your app.json file:

1{
2  "expo": {
3    "plugins": [
4      "@corasan/image-compressor"
5    ]
6  }
7}

If you're using Expo, you will need to run expo prebuild before building your app.

Note: You might need to add the right permissions to your app.json.

1{
2  "expo": {
3    "plugins": [
4      "@corasan/image-compressor",
5      [
6        "expo-media-library",
7        {
8          "photosPermission": "Allow $(PRODUCT_NAME) to access your photos.",
9          "savePhotosPermission": "Allow $(PRODUCT_NAME) to save photos.",
10          "isAccessMediaLocationEnabled": true
11        }
12      ]
13    ]
14  }
15}

Usage

1import { ImageCompressor } from '@corasan/image-compressor'
2
3const compressedImage = ImageCompressor.compress(image, {
4  quality: 0.8,
5  maxWidth: 800,
6})
7
8const wasSaved = await compressedImage.save()