How to Inspect Images to verify ImageEngine Optimization

You see your images, but how do you know if ImageEngine is delivering and optimizing them? ImageEngine is so seamless, you need to inspect to see where the magic is happening.

So you signed up for a trial of ImageEngine but you’re not sure if it is working. Many of our customers cannot tell if ImageEngine is on and running in the background because it works so fast and seamlessly. So here’s a quick run-through on how to tell it’s working properly depending on your setup.

How Can I See the Optimized Images?

You can see optimized images as soon as ImageEngine’s engine is configured and the cache is primed and turned on. With almost no perceptible change, your images will be optimized for file size, image payload, and speed.
All you’ll need to do is inspect the code on your site and look for a couple of indicators.

Inspect an Image on Chrome

Right-click on an image and scroll down to the bottom of the menu and select “Inspect”. Then select “Network” from the top menu and next select “Img” from the submenu. Next, type “Ctrl + R” to refresh and see all of the images on the page. Then hover over the “Name” column to view image files and look for “imgeng.in” in any of the images on the site. This does not mean that all images will have this “imgeng.in” naming but some will if ImageEngine is indeed running. For example:

https://ego-co.uk.imgeng.in/media/catalog/product/2/9/29.07.20-ecomm0013-3_copy.jpg?imgeng=/w_250/h_250/

Safari or Firefox?

Similar to Chrome’s inspect guide, Firefox and Safari require the right-click “inspect”, then select “network”, and lastly, “images.” From here (screenshot above) you will be able to tell what images are being served through ImageEngine with the “imgeng.in” filename.

What If I'm not using an "imgeng.in" delivery address?

No problem! Even if you are not using our "imgeng.in" domain in favor of a custom delivery address, the server field will still show "ScientiaMobile ImageEngine!" 

Power user? 

ImageEngine offers a handy way to let you know more about how specific image is being optimized. By appending the HTTP header imgeng-audit: true to an image request, ImageEngine will return additional metadata that describes the input and output sizes, formats and many other peices of information. This metadata is useful when debugging settings, or simply running a quick audit.

For more information on using this feature, please see Debug and Audit ImageEngine Optimization