How to Check an Image’s Dimensions Before You Upload It

October 18, 2026 • NOFYI Editorial Team

An image can look fine on your computer and still be wrong for the place where you want to use it. It may be too small and turn blurry when stretched, too large and slow a page down, or the wrong shape for the space it has to fill. Checking its dimensions before you upload it takes less than a minute, and it prevents a lot of rework.

Dimensions mean the width and height of an image, measured in pixels, and written as width by height. An image described as 1200 by 800 pixels is 1200 pixels wide and 800 pixels tall. That is different from file size, which is how much storage the file takes, measured in kilobytes or megabytes. Both matter, and this guide covers both, along with how to find them on a computer or phone, how to decide what is enough, and how to test the image on your site.

What Dimensions Tell You

Dimensions tell you how much detail an image contains, and how large it can be shown without losing quality. A wide image with many pixels can fill a large banner. A narrow image with few pixels is better suited to a small thumbnail. If you try to show a small image at a large size, the software has to invent missing pixels, and the result usually looks soft or blocky.

Dimensions also tell you the aspect ratio, which is the relationship between width and height. A 1200 by 800 image has a wider-than-tall shape. A 800 by 1200 image has a taller-than-wide shape. A 1000 by 1000 image is square. If the space on your page is wide and short, a tall portrait image will either be cropped, leave empty space, or be squeezed into the wrong shape. Checking the ratio before you upload helps you choose an image that fits, or crop it first.

It helps to separate three ideas: dimensions, file size, and display size. Dimensions are the pixels in the file. File size is the storage the file takes. Display size is how large the image appears on a screen, which depends on the layout and the device. A large-dimension image can still have a small file size if it is well compressed, and a small-dimension image can have a large file size if it is saved inefficiently. For web use, you usually want dimensions that match the display size, with a little extra for sharpness, and a file size that is as small as you can make it without visible loss.

How to Check Dimensions

Step one: find the image file on your device and look at its properties or details. On a Windows computer, you can right-click the file and open Properties, then look at the Details tab, where dimensions are shown as width and height. On a Mac, you can select the file and open Get Info, or open it in Preview and look at the image details. On a phone, you can open the photo, look at its details or info panel, and find the dimensions there. The exact labels differ, but width and height are usually listed together.

Step two: if you already have the image open in an editor, check the image size or canvas size panel. Most editors show the current width, height, and file type. This is also the place where you would resize or crop, so check before you make changes, and check again after you save, because saving can change dimensions if you export at a different size.

Step three: if you are choosing an image from a stock library, a download, or a website, look at the size information given with the download. Many libraries list dimensions for each size option. Download the size you need, then confirm the dimensions on your device, rather than trusting the label alone.

Step four: write down the width, height, file size, and file type. A simple note such as 1600 by 1200 pixels, JPEG, 420 KB is enough. Keeping that note with the file name makes it easy to compare candidates and to check later whether the image on your site matches the file you meant to upload.

Worked Example: A Photo for a Blog Post

Suppose you have a photo you want to use at the top of a blog post. The content area where the image will appear is about 1200 pixels wide on a desktop screen, and you want the image to look sharp without slowing the page. You check the photo and find that it is 4032 by 3024 pixels, a JPEG, and 3.8 MB. That is much larger than you need for a 1200-pixel-wide space.

You resize a copy of the photo to 1600 pixels wide, keeping the same aspect ratio, so the height becomes 1200 pixels. You export that copy as a JPEG at a moderate quality setting, and the new file is about 320 KB. You check the resized copy and confirm that it is 1600 by 1200 pixels, which is enough for the 1200-pixel display width, with some extra for sharper screens, while the file size is far smaller than the original.

Then you test the resized image in context. You upload it to a draft post, view the post on a desktop and on a phone, and check that the image fills the space without looking blurry, stretched, or cropped in an awkward way. If the phone layout crops the sides, you adjust the crop or choose a different image, rather than uploading the original 4032-pixel file and hoping the site will handle it.

Check File Size as Well

File size matters because every visitor has to download the image. A page with several large images can take a long time to load, especially on a slow connection or a phone. Large file sizes do not always mean better quality. A photo saved at very high quality can be many times larger than the same photo saved at a sensible quality, with little visible difference at web size.

To check file size, look at the same details panel where you found dimensions. The file size is usually listed near the file name and type. Compare the file size before and after resizing or exporting. If the resized version is still very large, try exporting with a slightly lower quality setting, or using a more efficient file type, and check the result at full size on your screen before you upload it.

Keep a simple rule: match dimensions to the display size, then reduce file size as far as you can without visible damage. Do not upload a huge original and rely on the website to shrink it. Many sites do create smaller versions, but the original may still be stored, linked, or served to some visitors, and it makes your media library harder to manage.

Do Not Upscale a Small Image

Upscaling means increasing the dimensions of an image that is already small. If an image is 600 pixels wide, and you resize it to 1800 pixels wide, the software has to create new pixels by guessing from the ones that exist. The result is usually soft, even if it looks larger. Upscaling does not add detail that was not in the original.

If an image is too small for the space you need, the better options are to use it at a smaller size, find a larger version from the original source, crop a different image, or choose a different image altogether. Some tools offer AI-based enlargement that can improve the appearance of a small image, but the result is still an interpretation, not the original detail, and it can introduce artefacts or change the look of text and faces. For important images, use a file that is already large enough.

As a practical check, compare the image dimensions with the display width. If the image is at least as wide as the space it will fill, it is usually safe. If it is much narrower, it will look soft when stretched. If it is only a little narrower, it may still look acceptable for a small thumbnail, but not for a large banner. Test it on the page, rather than judging it from a small preview.

Test the Image on Your Site

After you upload an image, open the page where it appears and check it on a desktop and on a phone. Look for blurriness, stretching, awkward cropping, and slow loading. Check whether the image fills its space, whether text near it is still readable, and whether the page feels fast enough. If the image is used in several places, check each one, because a layout can crop or resize the same image in different ways.

If your site creates several sizes from one upload, check which size is actually shown on the page. A browser tool that shows the loaded image can help, but a simple visual check is often enough: if the image looks sharp and loads quickly, the chosen size is probably right. If it looks soft, check whether you uploaded a file that was too small. If it loads slowly, check whether you uploaded a file that was much larger than needed.

Also check the file name and alt text, which are separate from dimensions but affect how the image is found and understood. Use a clear file name, and add alt text that describes the image for people who cannot see it. That does not change the dimensions, but it makes the image more useful on the page.

Limitations

Checking dimensions tells you the pixel size of a file, not how it will look on every screen. Screens differ in size, pixel density, and brightness, and a layout can change with the device. A 1600-pixel-wide image may look sharp on one screen and still be cropped on another if the layout changes. Always test on the devices and layouts you care about.

Dimensions also do not tell you whether an image is well exposed, well composed, or suitable for your purpose. A large image can still be blurry if the original photo was out of focus, and a small image can still be clear if it is shown at a small size. Use dimensions as a first check, then judge the image by eye in context.

Finally, file types and compression affect quality in ways that dimensions alone do not show. Two images with the same dimensions can have very different file sizes and quality, depending on how they were saved. If quality matters, compare the exported file at full size before you upload it, and keep the original safe so you can export again if needed.

Frequently Asked Questions

What does 1200 by 800 mean?

It means the image is 1200 pixels wide and 800 pixels tall. Width is listed first, then height. The total number of pixels is the width multiplied by the height, but width and height matter more than the total, because they tell you the shape and the largest size at which the image can be shown without stretching.

How large should an image be for a web page?

Match the dimensions to the space where the image will appear, with a little extra for sharper screens. For a content area that is about 1200 pixels wide, an image of about 1600 pixels wide is often a sensible starting point. For a small thumbnail, a much smaller image is enough. Check the display width on your site, then choose dimensions that cover it without being far larger.

Can I make a small image larger without losing quality?

No, not in the sense of adding real detail. Upscaling creates new pixels by guessing, so the result is usually soft. If an image is too small for the space, use it at a smaller size, find a larger original, or choose a different image. Avoid uploading a small image and stretching it to fill a large banner.

Why does my image look blurry after I upload it?

The most common reasons are that the original was too small for the display size, that it was upscaled, or that the site served a smaller version than you expected. Check the dimensions of the file you uploaded, compare them with the display width, and test the page again. If the file was too small, replace it with a larger original. If the file was large enough, check whether the layout is cropping or stretching it.

Quick Checklist

Check the width and height in pixels, note the file size and file type, and compare the dimensions with the space where the image will appear. Resize a copy to match that space, with a little extra for sharpness, and export it at a file size that loads quickly without visible loss. Do not upscale a small image. Upload the prepared copy, then test the page on a desktop and on a phone for sharpness, cropping, and loading speed.