Batch Optimize Images Like a Pro

Images account for 60% of a typical webpage's weight. Optimizing them is the single biggest performance win you can make.

The Problem

• Manual optimization is tedious
• Online tools have file size limits
• Photoshop isn't scriptable for batch jobs
• GUI tools can't integrate into build pipelines

The Solution: image-optimizer CLI

npm install -g image-optimizer 

One-Command Optimization

Compress an Entire Folder

image-optimizer compress ./website/images/ -o ./optimized/ # Reduces file size by 60-80% with minimal quality loss 

Resize for Web

image-optimizer resize ./photos/ --width 1920 -o ./web/ image-optimizer resize ./photos/ --width 300 -o ./thumbs/ 

Convert to Modern Formats

# Convert all images to WebP image-optimizer convert ./images/ --format webp -o ./webp/ # Convert to JPEG with quality setting image-optimizer convert ./images/ --format jpg --quality 85 

All-in-One Pipeline

image-optimizer process ./raw/ --compress --resize 1920 --format webp 

Performance Comparison

Integrate with Your Build

# package.json { "scripts": { "optimize-images": "image-optimizer process ./src/images/ --resize 1920 --format webp -o ./dist/images/" } } 

Supported Formats

• JPEG → JPEG, WebP ✅
• PNG → PNG, WebP ✅
• BMP → All formats ✅
• TIFF → All formats ✅
• WebP → WebP, JPEG ✅

Links

• 📦 image-optimizer on npm
• 📦 More CLI tools

Go Pro: The Complete Automation Bundle ($19.99)

Get 5 scripts to make money while you sleep — CLI toolkit, Freelancer auto-bidder, resume parser, and more.

👉 https://bobotempes.gumroad.com/l/qzaud

How do you optimize images for the web? Share your workflow!