# 🖼️ Client-Side Image Resize Tool

This is a fast, privacy-focused web application built with HTML, Bootstrap, and Vanilla JavaScript that allows users to **resize and compress multiple images directly in their browser** without uploading any files to a server.

![Screenshot](https://raw.githubusercontent.com/ITCSsDeveloper/resize2/refs/heads/main/screenshot.png)

## ✨ Key Features

  * **Client-Side Processing:** All image manipulation happens locally, ensuring **maximum privacy** and instant processing speeds.
  * **Bulk Management:** Supports drag-and-drop of up to **1,000 files** per session.
  * **Broad Format Support:** Handles popular image formats: **JPG, JPEG, PNG, and WEBP**.
  * **Custom Quality Control:** Users can set a target **Max Megapixel (Mpx)** size and define the output **JPEG Quality (%)**.
  * **Quick Convert Presets:** Includes dedicated buttons for common use cases, such as optimizing images for **Facebook & Instagram (2048px)**.
  * **Performance Safeguards:** Implements a visual warning system for large file batches (over 100 files) to prevent browser unresponsiveness.
  * **State Protection:** Features a prompt warning the user before they close or reload the page if files are currently selected.

-----

## 🛠️ Technology Stack

| Component | Technology | Role |
| :--- | :--- | :--- |
| **Frontend** | HTML5, CSS3 | Structure and Styling |
| **Framework** | **Bootstrap 5.x** | Responsive Layout and UI Components |
| **Core Logic** | **Vanilla JavaScript (ES6+)** | Image resizing using the Canvas API and file handling |
| **File Upload** | **Dropzone.js** | Handling drag-and-drop and file queue management |

-----

## 🛠️ Contributing

Feel free to fork this repository, open issues, or submit pull requests if you have suggestions for improvements or bug fixes.

-----

## 📜 License

This project is open-source and available under the [MIT License](https://www.google.com/search?q=LICENSE).

-----