Articles on: Sites

Speed Up Your WordPress Site with Image Optimizer

Image Optimizer is a powerful performance feature that automatically compresses and optimizes images on your WordPress site for faster loading and better performance. Instead of serving large, unoptimized images, InstaWP delivers compressed and modern image formats, resulting in up to 80% smaller image sizes and significantly faster page load times.

In this documentation, we will explore:

What is Image Optimizer?
How to Enable Image Optimizer
Image Optimizer Settings Explained
How to Clear Optimized Images Cache
How to Disable Image Optimizer
Troubleshooting
FAQs

Let's get started 🚀

This feature is available in Pro plans and above. View Pricing here.

What is Image Optimizer?

Image Optimizer is an automated image optimization system for WordPress that compresses images and converts them into modern formats like WebP without compromising visual quality. It reduces image file sizes and ensures faster image delivery across all devices.

Once enabled, Image Optimizer works automatically in the background—no manual configuration or bulk optimization required.

How Image Optimization Works

Without image optimization, WordPress uploads and serves images in their original size and format, which can significantly slow down page loading.

With Image Optimizer enabled:

Images are automatically compressed when uploaded
Images are converted to WebP for supported browsers
Optimized images are served dynamically to visitors
Original images are preserved as backups
Subsequent requests load optimized images instantly

Why Use Image Optimizer?

Faster Page Loads: Reduce image load time by 50–80%
Automatic WebP Conversion: Serve next-generation image formats automatically
No Quality Loss: Smart compression maintains visual clarity
Improved Core Web Vitals: Better LCP and performance scores
Reduced Bandwidth Usage: Smaller images load faster worldwide

Who Should Use This Feature?

Content-Heavy Sites: Blogs, news sites, portfolios
E-Commerce Sites: Faster product and category images
Landing Pages: Improved conversion rates
Mobile-First Sites: Better performance on slow networks
Agencies & WaaS Users: Optimize multiple sites easily

Technology Behind Image Optimizer

InstaWP Image Optimizer uses a high-performance image processing engine that:

Applies smart lossy and lossless compression
Converts images to WebP when supported
Dynamically serves optimized images
Preserves original images securely

All optimization is handled at the infrastructure level, ensuring no additional load on your WordPress server.

How to Enable Image Optimizer

Follow these simple steps to enable and configure Image Optimizer for your InstaWP site:

Step 1: Navigate to your Sites page in the InstaWP dashboard.

Step 2: Click on the sitename to open the site management panel.

Step 3: From the left sidebar menu, click Image Optimizer.

Step 4: Toggle Enable Image Optimizer to ON.

Step 5: Enable WebP Compression to serve optimized images for modern browsers.

Step 6: (Optional) Enable Minify CSS to reduce CSS file size.

Step 7: (Optional) Enable Minify JavaScript to reduce JS file size.

Step 8: Enable Smart Image Optimization for automatic device-based optimization.

Step 9: Adjust Desktop Image Quality.

Range: 0–100
Default: 85%
Recommended: 80–90%

Step 10: Adjust Mobile Image Quality.

Range: 0–100
Default: 70%
Recommended: 60–75%

Step 11: Set Desktop Max Width.

Default: 1600px

Step 12: Set Mobile Max Width.

Default: 800px

Step 13: Review your configuration.

All changes are saved automatically and applied in real time.

Your site is now serving optimized images for faster loading and better performance.

Verifying Image Optimizer is Working

Method 1: Browser Inspection

Right-click an image → Inspect
Confirm WebP format is served (where supported)

Method 2: Network Tab

Open DevTools (F12 → Network)
Reload the page
Compare image file sizes

Method 3: Page Speed Tools

Use PageSpeed Insights or GTmetrix
Image optimization scores should improve

Image Optimizer Settings Explained

WebP Compression: Converts images to WebP format for supported browsers, reducing file size significantly.

Minify CSS: Removes unnecessary characters from CSS files to reduce size and improve load speed.

Minify JavaScript: Minifies JavaScript files without affecting functionality, improving performance scores.

Smart Image Optimization: Automatically applies optimization based on device type and image characteristics.

Desktop Image Quality: Controls compression quality for desktop images.

Default: 85%
Higher = better quality
Lower = smaller size

Mobile Image Quality: Controls compression quality for mobile images.

Default: 70%
Lower values save mobile bandwidth

Desktop Max Width: Maximum image width for desktop devices.

Default: 1600px

Mobile Max Width: Maximum image width for mobile devices.

Default: 800px

How to Disable Image Optimizer

Step 1: Go to your site’s Image Optimizer page.

Step 2: Toggle Enable Image Optimizer to OFF.

Step 3: InstaWP will:

Stop optimization
Disable WebP delivery
Serve original images

Important: Disabling Image Optimizer may increase image size and load time.

Troubleshooting

Images Not Updating

Hard refresh browser
Clear page cache

Site Slower After Enabling

Allow time for cache warming
Disable other image optimization plugins
Ensure only one optimizer is active

Plugin Conflicts

Disable other image/CDN optimization plugins
Re-enable Image Optimizer after resolving conflicts

FAQs

How much image size reduction can I expect?

Most sites see 50–80% reduction, depending on image size and format.

Does Image Optimizer affect quality?

No. Smart compression preserves visual quality.

Does it work with existing images?

Yes. Existing images are served in optimized formats automatically.

Is my original image data safe?

Yes. Original images are preserved and never overwritten.

💡 Did you know – Combining Image Optimizer, Object Cache, and CDN delivers the best performance results.

Updated on: 17/12/2025

Was this article helpful?

Thank you!