Image Compression Tool

A lightweight web-based application to compress images efficiently, reducing file size while maintaining quality. This tool is built using React.js and is designed to be simple, user-friendly, and effective for everyday use.

Features

• Drag-and-Drop or File Selection: Upload images quickly and easily.
• Customizable Compression: Adjust compression quality to suit your needs.
• Format Support: Works with popular image formats like JPEG, PNG, and GIF.
• Real-Time Preview: Compare the original and compressed images instantly.
• Download Compressed Images: Save compressed images directly to your device.

Table of Contents

• Features
• Installation
• Usage
• Technologies Used
• License

Installation

Follow these steps to set up the project locally:

1. Clone the Repository:

   git clone https://github.com/jesroffrouk/image-compression-tool-jake.git

2. Navigate to the Project Directory:

   cd image-compression-tool-jake

3. Install Dependencies:

   npm install

4. Start the Development Server:

   npm run dev

Usage

1. Open your browser and navigate to localhost.
2. Drag and drop an image or use the upload button to select an image.
3. Adjust the compression settings.
4. Preview the original and compressed images side by side.
5. Click the download button to save the compressed image.

Technologies Used

• React.js: For building the user interface.
• browser-image-compression: To handle image compression.
• Tailwind CSS: For styling and layout.

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

I will make the necessery changes in future.We hope you find this tool helpful!

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh