https://github.com/adenaufal/imagecompress

A powerful, client-side image compression tool built with React and Vite. Compress and optimize JPG, PNG, and WebP images directly in your browser.
https://github.com/adenaufal/imagecompress

client-side frontend image-compression image-optimizer jpeg png privacy-friendly react tailwindcss typescript vite web-app webp

Last synced: 4 months ago
JSON representation

A powerful, client-side image compression tool built with React and Vite. Compress and optimize JPG, PNG, and WebP images directly in your browser.

• Host: GitHub
• URL: https://github.com/adenaufal/imagecompress
• Owner: adenaufal
• License: mit
• Created: 2025-07-21T04:59:13.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-11-05T03:48:47.000Z (8 months ago)
• Last Synced: 2025-11-05T05:20:52.372Z (8 months ago)
• Topics: client-side, frontend, image-compression, image-optimizer, jpeg, png, privacy-friendly, react, tailwindcss, typescript, vite, web-app, webp
• Language: TypeScript
• Homepage: https://imgcmprs.netlify.app
• Size: 644 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ✨ ImageCompress

A powerful and easy-to-use image compression tool built with React and TypeScript. Compress your images locally in your browser without sacrificing quality.



  



![image](images/Screenshot%202025-07-21%20122234.png)

---

## 🚀 Features

- **Local Compression:** All image processing happens directly in your browser. No data is ever sent to a server.

- **Multiple Formats:** Supports compressing images to JPEG, PNG, and WebP formats.

- **Batch Processing:** Upload and compress multiple images at once.

- **Customizable Settings:** Adjust the quality and maximum width of the compressed images.

- **Live Previews:** See a preview of the compressed image before downloading.

- **Detailed Stats:** View the original size, compressed size, and compression ratio for each image.

---

## Usage

1. **Drag and drop** or **click to upload** your images.

2. Adjust the **compression settings** on the right-hand side.

3. Click **"Compress Images"** to start the compression process.

4. **Download** your compressed images one by one or all at once.

---

## 🛠️ Built With

- [React](https://reactjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [Tailwind CSS](https://tailwindcss.com/)

- [Vite](https://vitejs.dev/)

---

## Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue.

---

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.