
If you don’t see the URL in this window, scroll down the right hand side column to locate it. Click on the image and then locate the image URL in the bottom part of the screen * If they’re not clear, continue to the next step.ĥ. Hovering over the image will sometimes reveal it’s dimensions in a pop up. In the new window that appears in your browser, click on the Inspector icon.Ĥ. Press F12 or right click anywhere inside the web page and select Inspect.ģ. In Chrome, browse to the website that holds the image you’re querying.Ģ.

You can find both the video instructions as well as the text instructions for Chrome below.ġ. But, image dimensions are a good place to start, so let’s get to it and I’ll circle back to image ratios and file sizes next.

And it’s usually these additional moving parts that catch people out. There is more to image management than just dimensions. Below you’ll find both video instructions as well as the step-by-step text method for identifying the size of an image on a website.Īn important note, before we look at the steps in Chrome and Edge. Thankfully our favourite browsers have made it easy(ish). So, when it’s time to replace an image on your website, how on earth do you find the correct dimensions? Nobody likes a blurry, squashed or stretched photo… Appropriately sized images keep your website looking sharp and professional, sending all kinds of positive signals to potential clients. Images play an essential role on your website, and so do their dimensions.
