Inspecting Images
You can see how well an image was optimized by PicPerf by adding “/i” directly after the PicPerf domain. For example, say you have an image in your HTML being served like so:
<img src="https://picperf.io/https://macarthur.me/hedgehog.jpg" alt="hedgehog" />
The inspection URL would be:
https://picperf.io/i/https://macarthur.me/hedgehog.jpg
You’ll see the following statistics:
- the original format of the image
- the optimized format of the image
- the image’s original size
- the image’s optimized size
Inspecting Transformed Images
Inspections will work for transformed images as well:
https://picperf.io/i/t/width_200,height_200/https://macarthur.me/hedgehog.jpg
Note that it make take some time for an inspection to become viewable if the image was just requested for the first time. Usually, this process takes less than a minute.