Image Optimizer 🖼️

A lightweight web application that allows users to upload images and compress them instantly using JavaScript and the HTML Canvas API. The tool reduces image file size without noticeable quality loss, making it ideal for improving web performance.

🔗 Live Demo: https://mai-waleed.github.io/Basic-Image-Optimization/

✨ Key Features

• 📤 Image Upload: Easily upload images from your device.
• 🖼️ Preview System: View both original and compressed images side by side.
• ⚡ Smart Compression: Reduces file size using Canvas while maintaining visual quality.
• 📏 Size Comparison: Displays original vs compressed image size in real time.
• ⬇️ Download Option: Download optimized images instantly.
• 🎯 Lightweight & Fast: Fully client-side, no backend required.

🛠️ Technologies Used

• Frontend: HTML, CSS, JavaScript
• Image Processing: HTML Canvas API
• File Handling: FileReader API, Blob

⚠️ Note

This project runs entirely on the client side and does not upload any images to a server. It is designed for fast and secure image optimization directly in the browser.