A modern, premium, and fully client-side Image Compressor built using pure HTML, CSS & JavaScript.
Compress images instantly in your browser with smart naming, AVIF support, GIF detection, theme toggle, PDF export, and beautiful glass UI.
π https://advance-images-compressor.netlify.app/
- πΌ JPG, JPEG, PNG, WEBP Support
- π AVIF Support (with fallback system)
- π GIF Upload with Animation Warning
- π Dynamic Quality Slider (Red β Yellow β Green)
- π Smart Compression Algorithm
- π Professional Size Comparison Chart
- π Convert to PDF
- π§ Advanced Smart File Naming System
- π Dark / Light Theme Toggle (Auto Saved)
- π€ Floating Share Button
- π¬ Floating Feedback Button
- π₯ Glass Morphism Modern UI
- β‘ 100% Client Side (No Server Required)
- π Privacy Safe (Images never leave your device)
- HTML5
- CSS3 (Glass UI + Animations)
- Vanilla JavaScript
- jsPDF (PDF Conversion)
| Format | Supported |
|---|---|
| JPG | β |
| JPEG | β |
| PNG | β |
| WEBP | β |
| AVIF | β |
| GIF | β Static Compression Only |
- Upload image
- Choose format & size
- Adjust quality slider
- Click Convert
- Download compressed file or PDF
All processing happens directly in your browser using Canvas API.
- Clone this repository
- Open
index.htmlin your browser - Or deploy on:
- Netlify
- GitHub Pages
- Vercel
- Go to Repository Settings
- Click "Pages"
- Select branch β
main - Save
- Your site will be live in seconds
Built with β€οΈ by officialhazim42
Instagram: https://instagram.com/officialhazim42
This project is open-source and free to use.