Image Resizer and Filter Tool 🌄

Overview

The Image Resizer and Filter Tool is a web-based application that allows users to upload images, resize them, apply various filters, and download the processed images. Built with HTML, CSS, and JavaScript, this tool provides an intuitive interface for manipulating images directly in the browser.🖼️

Features 🩵

• Image Upload: Easily upload images from your device.
• Resize Functionality: Adjust the size of the image using a percentage slider.
• Filters: Apply various filters such as brightness, contrast, saturation, and blur.
• Preview: View real-time changes on the canvas.
• Download: Save the processed image to your device.

Technologies Used 👨🏻‍💻

• HTML
• CSS
• JavaScript (with Canvas API)

Installation ⬇

To run this project locally, follow these steps:

1. Clone the Repository:

git clone https://github.com/yourusername/image-resizer-filter-tool.git

2.Navigate to the Project Directory:

cd image-resizer-filter-tool

3.Open the index.html File: Open index.html in your preferred web browser (e.g., Chrome, Firefox).

Usage

1.Upload an Image: 📷

• Click on the "Choose Image" button to upload an image file from your device.

2. Adjust Settings

Use the features to resize the image and apply filters:

• Resize: 🔄

  • Adjust the image size in percentage.

• Compression: ⚖️

  • Adjust the compression level.

• Filter: ✨

  • Apply featured filters on images.

3.Process the Image: Click the "Process Image" button to apply the selected settings.

4.Download the Processed Image: After processing, a "Download Processed Image" link will appear. Click it to save the modified image.

Contribution 🤝

Contributions are welcome! If you have suggestions for improvements or features, feel free to fork the repository and submit a pull request.

Contact ✉

For any inquiries or issues, please contact me at:

• Email: [email protected]
• GitHub: @Jivan052

Want to see project?

https://image-tool-six.vercel.app/

Happy Coding!

Jivan Jamdar 🤓