🗂️ Image Compression Manager

Compress, rename, and organize all image files with one click

📋 Instructions: Upload downloaded image files, and the system will automatically compress and organize them by type into corresponding folders. Supports batch processing to optimize website performance.

📤 1. Upload Image Files

📁

Drag image files here

or click to select files

⚙️ 2. Compression Settings

80%

📁 3. Folder Structure Planning

Recommended folder structure: Organize images by function for easy management and maintenance
website-root/ ├── images/ │ ├── icons/ │ │ ├── apple-touch-icon.png │ │ ├── favicon-32x32.png │ │ └── favicon-16x16.png │ ├── og-images/ │ │ ├── main-og.jpg │ │ ├── 3k-to-10k-og.jpg │ │ ├── side-hustle-og.jpg │ │ └── resources-og.jpg │ ├── screenshots/ │ │ ├── screenshot-wide.jpg │ │ └── screenshot-narrow.jpg │ ├── platforms/ │ │ ├── coursera-logo.png │ │ ├── udemy-logo.png │ │ └── github-logo.png │ └── books/ │ ├── book-cover-1.jpg │ ├── book-cover-2.jpg │ └── book-cover-3.jpg

🚀 4. Start Compression Process

0
Total Files
0 MB
Original Size
0 MB
Compressed Size
0%
Space Saved

📖 5. Usage Guide

🎯 Steps after compression:

  1. Download compressed package: Click "Download All" to get all compressed images
  2. Create folders: Create images folder and subfolders in website root directory
  3. Upload images: Upload images to corresponding locations by folder structure
  4. Update HTML: Modify image path references in web pages
  5. Test and verify: Ensure all images display correctly

💡 Optimization recommendations:

  • OG images: Keep 1200x630 resolution, 80% quality
  • Icon files: Use PNG format to maintain transparency
  • Decorative images like book covers: Reduce to 60-70% quality
  • Enable WebP format to save an additional 30-50% space