thumb

🖼️ Smart Image Compressor

A free, fast, and secure online image compression tool built with React.

✨ Features

• 📦 Compress images to exact target size
• 🔄 Support for JPEG, PNG, and WebP formats
• 🎨 Dark/Light mode theme
• 📱 Fully responsive design
• 🚀 Client-side processing (your images never leave your browser)
• ⚡ Fast compression algorithm
• 💾 Drag & drop file upload

🚀 Live Demo

View Live Site

🛠️ Tech Stack

• React 18
• React Icons
• CSS3 (Custom Properties)
• Canvas API for image processing

📦 Installation

# Install dependencies
npm install

# Start development server
npm start

# Build for production
npm run build

🌐 Deploy to Netlify

Option 1: Deploy from Git

1. Push your code to GitHub
2. Go to Netlify
3. Click “Add new site” → “Import an existing project”
4. Connect to your GitHub repository
5. Build settings are auto-detected from netlify.toml
6. Click “Deploy site”

Option 2: Deploy via Netlify CLI

# Install Netlify CLI
npm install -g netlify-cli

# Build the project
npm run build

# Deploy to Netlify
netlify deploy --prod

Option 3: Drag & Drop Deploy

1. Run npm run build
2. Go to Netlify Drop
3. Drag the build folder to the upload area

📄 License

MIT License - feel free to use for personal or commercial projects

🤝 Contributing

Contributions, issues, and feature requests are welcome!

📧 Contact

Your Name - your.email@example.com