Overview
Image Optimisation is a mini control center for how images are handled once they are uploaded to your website. These settings ensure your site stays fast and looks professional by automating the “heavy lifting” of image editing.
When you upload a high-resolution photo from a camera or phone, it is often massive (both in file size and dimensions). If you put that raw file directly on a website, your pages would load incredibly slowly.
This tool acts like an automatic photo editor that:
- Resizes huge images down to a manageable “maximum” size.
- Creates multiple copies of every image in different sizes (Thumbnails, Medium, Large) so the website can pick the best version for the device being used (phone vs. desktop).
- Compresses the data to save disk space and bandwidth.
What this helps
1. Lightning-Fast Load Speeds
By generating smaller “Thumbnails” and “Medium” versions, the website doesn’t have to load a 4K image just to show a tiny preview. This keeps your users happy and helps your SEO (Google rankings).
2. Automated Consistency
You don’t need to manually crop or resize every photo in Photoshop before uploading. You just “upload and forget”—the software handles the cropping for specific areas like Facebook/Twitter previews (Open Graph) or your blog feed.
3. Storage Savings
The JPEG Compression Quality (currently set to 80) reduces the hidden file weight of an image without a noticeable loss in visual quality. This prevents your server from filling up with unnecessarily bulky files.
Image Settings
you can temporarily change this to a larger size like 2480px to upload higher resolution images for full bleed effect and change it back.
| Setting | What it’s doing for you |
| Enable Image Resizing + Max Upload Dimension | Even if you upload a giant 6000px poster, the system will shrink it to 2480px immediately. This saves massive amounts of server space. Set this to your widest page setting usually 1000 to 1400px |
| JPEG Compression (80) | This is the “Sweet Spot.” It provides high-quality visuals while cutting the file size by about 50-70% compared to an uncompressed image. |
| Disable Big Image Size Threshold | WordPress usually blocks images over 2560px to protect performance. “enabled” (unchecked), allows much larger image uploads. |
Manage Image Thumbnails & Sizes
These checkboxes let you decide which “copies” the server makes. For example, you have Open Graph (1200×630) enabled, which ensures that when you share a link on social media, the preview image looks perfect.
Specific Image Sizes
Open Graph (OG) Image This setting creates an image perfectly optimized for social sharing. When you paste your link into Facebook or send it via SMS, this version ensures your preview looks professional and isn’t awkwardly cropped.
Social-Square (1080×1080) This generates a perfect 1:1 crop. It is specifically designed to be sent through the Postly API, ensuring your images are the ideal size for standard social media posts without any manual editing.
Custom Hero Image If your website layout uses a specific size for “Hero” (top-of-page) banners, use this to create a dedicated thumbnail.
- Pro Tip: Set the height to 0 to maintain the original aspect ratio, or enter a specific pixel value to force an explicit height.
Optimization & WebP
If you use LiteSpeed or ShortPixel to serve WebP images, keep in mind:
- Regenerating: If you change your size settings, you must re-run your optimization tools to generate the new WebP versions.
- ShortPixel: Offers more flexibility; it’s easier to optimize individual images or retry unoptimized ones.
- LiteSpeed: This is a “bulk” tool. To update images, you often have to clear all previous optimization data and start over.
- Credits: If you run out of Quic.cloud credits, it is very affordable to top up—usually, $5 is enough to optimize a massive library of images.
Regenerating Thumbnails
You can update your thumbnail selections at any time, but proceed with caution. If you choose to “delete old thumbnails” during the regeneration process, ensure you aren’t removing sizes currently in use on your live pages. If a larger thumbnail is missing, you may need to run the process again to restore it.
Registered Image Sizes
Here you can see the currently registered image sizes This section displays all the active image “blueprints” your site uses. Every time you upload a single photo, the server automatically generates a separate file for every size listed here.
The “Multiplier Effect”:
It is important to remember that one upload doesn’t just equal one file. Depending on your setup, a single image upload can create a large number of files:
- JPGs: One for every registered size ($n$).
- WebP: If you use LiteSpeed or ShortPixel, an additional $n$ files are created for modern browser support.
- Backups: If backup mode is enabled, the system keeps the original $n$ files as
.jpg.bkfiles.
Calculation Example: If you have 6 registered image sizes and use WebP with backups, 1 single upload could result in 18 total files on your server.
Why does this matter?
While this uses more disk space, it is the secret to your site’s performance. By having these sizes pre-generated, the website can instantly serve the 300px version to a mobile user and the 1200px version to a desktop user, rather than making the server “shrink” the image on the fly, which would cause significant lag.
- MLA
- Shortpixel
Recommended Optimization Toolkit
To get the most out of your media library, we recommend the following stack:
Media Library Assistant (MLA)
Think of this as your professional filing cabinet.
- Organization: Use tags and categories to keep thousands of images searchable.
- Metadata Sync: Automatically map data from Lightroom (like Alt text, Captions, and Titles) directly into WordPress fields during or after upload.
ShortPixel Suite
ShortPixel is the “Swiss Army Knife” for image health:
- Image Optimization: Compresses files to the smallest possible size without losing quality.
- Media Replace: Swap an old image with a new version site-wide without breaking links.
- Regenerate Thumbnails: Use this if you change your size settings and need to “re-cut” your existing library to new dimensions.
LiteSpeed Cache
If your server uses LiteSpeed, this tool provides high-performance image optimization and WebP generation. It’s highly efficient for bulk processing, though it requires a “clean slate” (clearing data) if you make major configuration changes.
Coming Soon: AI-Powered SEO
We are integrating Claude Vision + GPT to automate your Image SEO. Soon, the system will be able to “look” at your images and automatically write descriptive Alt text and Titles, saving you hours of manual data entry.