react-native-image-resizer
A React Native library for resizing, compressing, and rotating local images with flexible options.
What is react-native-image-resizer?
React Native Image Resizer is a native module for React Native applications that enables local image manipulation including resizing, compression, rotation, and format conversion. It solves the problem of optimizing images directly on mobile devices without requiring server-side processing or external dependencies.
React Native developers building mobile applications that need to handle image uploads, display optimized images, or manage local image storage efficiently.
Developers choose this library for its native performance, simple API, and flexibility in handling common image manipulation tasks directly on device, reducing bandwidth usage and improving user experience compared to server-side solutions.
Overview
🗻 Resize local images with React Native
Use Cases
Best For
- Optimizing camera roll images before uploading to reduce bandwidth
- Creating thumbnail versions of images for faster display in lists
- Converting image formats (JPEG/PNG/WEBP) for compatibility requirements
- Rotating and correcting image orientation from device cameras
- Reducing app storage footprint by compressing local images
- Processing images offline in React Native applications
Not Ideal For
- Apps using @react-native-camera-roll/camera-roll with new architecture enabled
- Projects requiring consistent WEBP format support on iOS
- Applications needing reliable EXIF metadata preservation on iOS
- Teams seeking zero-config, pure JavaScript solutions without native linking
Pros & Cons
Pros
Leverages native code for fast image processing, reducing JavaScript thread load and improving efficiency compared to JS-based alternatives.
Supports contain, cover, and stretch modes similar to React Native's Image component, providing intuitive and versatile resizing options.
Processes images directly on device, eliminating network transfer and server dependencies, ideal for offline apps and bandwidth reduction.
Includes rotation, format conversion (JPEG/PNG/WEBP), and metadata preservation, covering most common image manipulation needs.
Compatible with React Native's new architecture since version 3.0.0, ensuring performance and future-proof compatibility out of the box.
Cons
EXIF orientation corrections are not correctly implemented on iOS, as admitted in the README issue #402, leading to potential image display errors.
Features like WEBP support are Android-only, and rotation is limited to multiples of 90 degrees on iOS, creating challenges for unified development.
Requires manual Android linking and has build errors that necessitate extra commands like ./gradlew clean, adding complexity to setup.
Doesn't work with @react-native-camera-roll/camera-roll under new architecture, forcing reliance on alternatives like react-native-image-picker.
Frequently Asked Questions
Related Projects
React Native Firebase🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
react-native-push-notificationReact Native Local and Remote Notifications
react-native-device-infoDevice Information for React Native iOS and Android
react-native-fsNative filesystem access for react-native
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.