We’ve covered general image optimization principles elsewhere on this blog. This post is the practical version. It walks through specific tools, step by step, so you can compress images without a visible quality trade-off.
Option 1: A WordPress Plugin (Easiest, Ongoing Solution)
Step 1: Choose an image optimization plugin
Popular, well-regarded options include ShortPixel, Smush, Imagify, and EWWW Image Optimizer. Most offer a free tier. That tier usually suits a typical clinic website. Paid tiers add value for higher-volume sites or extra features.
Step 2: Install and activate the plugin
Go to Plugins > Add New in your WordPress dashboard. Search for your chosen plugin. Install it. Activate it. This follows the same steps as installing any other WordPress plugin.
Step 3: Run a bulk optimization on your existing image library
Most of these plugins include a “bulk optimize” feature. It scans your entire media library and compresses images you haven’t optimized yet. Run this once after installation to clear your current image backlog. Our post on speed erosion over time covers why this backlog builds up.
Step 4: Confirm automatic optimization for future uploads
Check the plugin’s settings. Make sure it automatically optimizes every new image you upload going forward. That way, you won’t need to remember to compress each future addition manually.
Step 5: Choose an appropriate compression level
Most plugins offer two choices: “lossless” (no visible quality change, smaller file size reduction) and “lossy” (slightly more aggressive compression, still generally not visibly different for web use, larger file size reduction). A moderate lossy setting works well for most clinic website photography. Test a few sample images at different levels to see what looks right to you.
Option 2: Manual Compression Before Upload (More Control, More Manual Effort)
Step 1: Use a dedicated compression tool
Free web-based tools like TinyPNG or Squoosh let you upload an image, compress it, and download the optimized version before adding it to your site. These work well if you want to review quality yourself first, or if you’d rather skip adding another plugin to your site.
Step 2: Compare before and after at actual display size
Judge the compressed image at the size it will actually display on your website. Don’t zoom in closely to judge it. Compression artifacts visible up close often disappear completely at normal display size.
Step 3: Resize to your actual display dimensions first
Our site-wide image strategy post covers this step in more depth. Resize an image to match its actual maximum display size, rather than uploading a full camera-resolution file, before or alongside compression. Both steps address different sources of unnecessary file size.
Step 4: Upload the optimized file to WordPress
Once you’ve compressed and resized the file, upload it through your normal WordPress media process.
Option 3: Convert to Modern Formats (WebP)
Step 1: Check whether your compression tool or plugin supports WebP conversion
Many of the tools above, including several WordPress plugins, can automatically convert images to WebP. WebP typically achieves smaller file sizes than JPEG or PNG at equivalent visual quality. Our site-wide image strategy post covers this format in more depth.
Step 2: Confirm fallback support for older browsers
Most modern plugins handle this automatically. They serve a WebP image to browsers that support it, and a traditional format to those that don’t. Confirm this happens correctly instead of assuming it by default.
A Simple Workflow Going Forward
Most clinics do best with a combined approach. Let a WordPress optimization plugin handle automatic compression and format conversion for every future upload. Then add an occasional manual check using a tool like Squoosh for particularly important images, like your homepage hero image, where you want direct control over the exact quality and compression balance.
How to Confirm It’s Actually Working
After optimizing, run your site through PageSpeed Insights, as covered in our speed testing guide. Check whether image-related recommendations still appear in the results. A properly implemented process should significantly reduce or eliminate these flags over time.
The Underlying Principle
Compressing images without losing visible quality isn’t a technical skill reserved for developers. The free and low-cost tools covered here make this a genuinely accessible process, whether you prefer an automated plugin-based approach or more hands-on manual control over specific images. The specific tool matters less than the habit. Build a consistent process so every image added to your site gets this treatment, not just the ones you remember to optimize manually.
Want us to handle image optimization across your entire site for you? [Book a free website audit] and we’ll take care of it.
