How to Optimize Images in WordPress

Images are often the heaviest assets on a webpage. Optimizing them reduces file size without a visible drop in quality, leading to faster load times, lower bandwidth usage, and a better experience for your visitors.

Choose the Right Format

• JPEG - best for photographs and complex images with many colours
• PNG - best for graphics, logos, and images requiring transparency
• WebP - a modern format that produces smaller files than both JPEG and PNG; supported by all modern browsers

Compress Before Uploading

Use a tool like Squoosh (squoosh.app) or TinyPNG (tinypng.com) to compress images on your computer before uploading them to WordPress. This keeps your media library lean from the start.

Optimize Automatically with a Plugin

For images already in your media library, or to compress automatically on upload, install an image optimization plugin:

• Smush - compresses images automatically; free tier covers most small sites
• ShortPixel - supports WebP conversion; subscription-based with a generous free quota
• Imagify - straightforward interface with WebP support

Enable Lazy Loading

WordPress enables lazy loading for images by default since version 5.5. Lazy loading delays loading of off-screen images until a visitor scrolls toward them, reducing initial page load time.

Set Appropriate Image Dimensions

Never upload a 4000px-wide photo if your content area is 800px wide. Resize images to the approximate display size before uploading. Check your theme's documentation for recommended image dimensions.

Need help with image optimization on your dotCanada WordPress site? Contact our support team and we'll lend a hand.