This Joomla system plugin is designed to solve the "heavy image" problem automatically. It ensures that no matter how large an image a user uploads, the website visitor only receives a modern, compressed, and correctly sized version.
- Auto-Resize: Detects images wider than 1280px and scales them down to fit web standards while maintaining aspect ratio.
- WebP Conversion: Automatically generates a
.webpversion of any.jpg,.jpeg, or.pngfile found in the article content. - On-the-Fly Processing: If a WebP version doesn't exist, the plugin creates it the moment the page is loaded.
- Non-Destructive: It never deletes your original images. It creates a companion
.webpfile, keeping your high-res originals safe. - Smart Caching: Uses the Joomla Output Cache to store processed HTML, ensuring zero impact on server performance after the initial conversion.
- Gallery Compatible: Works perfectly with "Simple Image Gallery" and other content plugins by intercepting their output.
- Download or create the
webpconverter.zipcontainingwebpconverter.phpandwebpconverter.xml. - In your Joomla Backend, go to System โ Install โ Extensions.
- Upload the
.zipfile. - Navigate to System โ Plugins, search for "System - Automatic WebP & Image Resizer" and set the status to Enabled.
The plugin follows a specific logic flow to ensure maximum speed and compatibility:
- Intercepts HTML: Before the page is sent to the user, the plugin scans for
<img>tags. - Checks File System: It looks for a
.webpversion of each image. - Processes (if needed):
- If no WebP exists, it loads the original.
- If the original is > 1280px wide, it resizes it.
- It saves the new file as a
.webp.
- Rewrites URLs: It changes
<img src="photo.jpg">to<img src="photo.webp">in the code. - Caches: The final HTML is cached so the next visitor gets the result instantly.
- Joomla: 4.x or 5.x
- PHP: 7.4 or 8.x
- PHP Extensions:
GD Librarywith WebP support (standard on most hosts). - Permissions: Your
images/folder must be writable (755).
- First Load: The very first time you visit a page with many new images, it may take a few seconds to generate the files. Subsequent loads will be instant.
- Media Manager: You will see both the original file and a
.webpversion in your Media Manager. This is normal. - Transparency: PNG transparency is preserved during the conversion process.