Skip to content
PicPerf

Inspecting Images

You can see how well an image was optimized by PicPerf by navigating to the its URL directly in the browser. For example, say you have an image in your HTML being served like so:

<img src="https://picperf.io/https://macarthur.me/me.jpg" alt="me" />

Popping that same URL into your browser will render series of indformation about the image.

navigating to a PicPerf image in the browser

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

This information render something like this:

inspection stats

Note that this data will render only if the URL is visited directly in a browser. Whenever it’s used in your HTML, CSS, or anywhere else, the optimized image itself will be delivered.