Determine Image Dimensions for Website Design

/ Home MacOS Determine Image Dimensions for Website Design

Here are some tutorials for how to determine an image dimension.


First, select an image’s dimension on a website using Apple Safari Browser.

Steps:

  1. Go to a website.
  2. Right-click on the image you want to determine its dimension, and open it in New Tab.
  3. Click on the image to maximize it.
  4. Right-click and click Inspect Element.
  5. Safari Web Inspector (Web Developer Tool) shows you the image properties. At the end of the file name, the Width and Height show you the exact image dimension.

    Video Guides for Apple Safari Browser

    To determine an image’s dimension on a website using Mozilla Firefox Browser.

    Steps:

    1. Go to a website.
    2. Right-click and click Inspect Element.
    3. Click on the image to maximize it.
    4. Firefox’s Firebug Developer Tool appears at the bottom of the browser showing the highlighted image properties.
    5. Roll your mouse pointer over the highlighted image properties, and an image thumbnail will appear above your cursor together with the image dimensions.

    Video Guides for Firefox Browser

    To determine an image’s dimension on a website using Google Chrome Browser.

    Steps:

    1. Go to a website.
    2. Right-click and click Inspect
    3. Chrome’s DevTool (Developer Tool) appears at the right of the browser showing the highlighted image properties.
    4. Roll your mouse pointer over the highlighted image name, eCommerce-banner.jpg, and an image thumbnail will appear above your cursor together with the image dimensions.

    Video Guides for Google Chrome Browser

    Determine Image Dimensions on MacOS for Saved Image for Website Design

    Steps:

    1. Right-click on the image and click Get Info
    2. Under the General Tab, the second item, Size, shows the image size, 360kb
    3. Under the More Info Tab, the second item, Dimensions, shows the image dimensions, 1900 x 511 pixel

      Video Guides for MacOS

      Determine Image Dimensions on Windows 7 for Website Design

      Steps:

      1. Right-click on the image and click Properties
      2. The fourth item shows the image size, 351kb
      3. Double-click to open the image using Windows Photo Viewer
      4. Click File on Windows Photo Viewer Menu, then click Properties
      5. Under Image ID, Dimension is 1900 x 511 pixel

        Video Guides for Windows, Windows 7

        Share On:

        Related Posts