OptiSnap is a web-based image compressor tool built with React. It allows users to compress images to reduce their file size while maintaining reasonable image quality. The tool is designed to be user-friendly, efficient, and customizable.
- Upload and compress multiple images in various formats (JPEG, PNG, GIF, etc.).
- Adjust compression settings such as quality and format.
- View the original image size and the compressed image size.
- Download the compressed image files.
- Responsive design for seamless usage on different devices.
To run OptiSnap locally, follow these steps:
- Clone the repository:
https://github.com/Frenziecodes/optisnap.git
- Navigate to the project directory:
cd optisnap
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open your browser and visit
http://localhost:3000
-
Upload Images:
- Click on the "Choose Files" button to select one or more image files from your local system or drag and drop your images.
- The selected images will be displayed in the upload form.
-
Compression Settings:
- Adjust the compression settings using the provided options:
- Quality: Choose a value between 1 and 100 to set the compression quality (default: 80).
- Format: Select the desired output format (JPEG, PNG, etc.) for the compressed images (default: JPEG).
- Adjust the compression settings using the provided options:
-
Compress Images:
- Click the "Compress" button to start the compression process.
- The compressed images will be displayed along with their original sizes and the compressed sizes.
-
Download Compressed Images:
- If the compressed images are available, click the "Download" button to save the compressed image files to your local system.
Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
The OptiSnap project is licensed under the MIT License.
- This project utilizes the image-compressor.js library for image compression.
- The OptiSnap tool was created by Frenziecodes
For any questions or inquiries, please contact Frenziecodes.