A Practical Guide to Magento 2 Image Optimisation
Image weight is the quiet tax on most Magento stores: heavy product photos slow every page and drag down Core Web Vitals. The good news is you can fix it at the source without re-exporting a single image. Here is a practical approach.
Convert the whole catalogue, not just new uploads
New uploads are easy; the harder problem is the thousands of images already on disk. Scan your existing media and convert it to modern formats in a controlled batch, so your back catalogue benefits too.
Compress, resize and add retina
Set a quality level to balance size against fidelity, downscale oversized hero shots to a sensible maximum, and optionally generate @2x retina variants for HiDPI screens. Stripping image metadata shaves a little more off every file.
Lazy-load below the fold
Add native lazy loading to off-screen images so the browser defers them, while keeping the first few above-the-fold images eager so your LCP element loads immediately.
How AgenticEcom helps: Image Optimisation does all of this: WebP/AVIF conversion (ImageMagick or GD), quality and resize controls, @2x retina, native lazy loading with above-the-fold exclusions, and a command to scan and convert your existing catalogue — with an admin dashboard showing the savings per image. Image Optimisation for Magento 2 →
FAQs
Will it slow my server during conversion?
No — you can generate images on a schedule or from the command line in batches, so the work never blocks a shopper's page.
Can I see how much it saved?
Yes. A dashboard logs each converted image with its before/after size and compression percentage.
