Image dimensions and aspect ratios, explained

Start with pixels

Dimensions are the pixel grid

Every raster image is made of a grid of pixels. A 1200 × 800 image has 1200 pixels across and 800 down, for 960,000 pixels in total. When someone says an image is “too big”, they may mean the pixel grid is larger than needed, the file is over a portal limit, or both. Those are separate problems with separate fixes.

Pixel dimensions determine how much detail exists. File size depends on the format, the encoder, and how compressible the content is. A detailed photograph saved as a high-quality JPEG can easily be several megabytes, while a flat-colour graphic at the same dimensions might be a tiny PNG. That is why a form can ask for both “200 × 230 pixels” and “under 50KB”: it wants a specific shape and a manageable file.

Aspect ratio is shape, not size

Aspect ratio is width divided by height. A 1920 × 1080 image and a 1280 × 720 image are both 16:9, even though one has more pixels. A 1080 × 1080 square is 1:1. A 1080 × 1350 portrait post is 4:5. The ratio tells you the shape; the pixel count tells you the resolution.

Keeping the ratio while changing size

If the original is 1200 × 800 (3:2) and you want a width of 600, divide by two to get 600 × 400. The ratio stays 3:2 and nothing is distorted. If you want a width of 900, multiply the height by the same factor: 900 × 600. This is what an aspect-ratio lock does. It is also why entering an arbitrary width and height can force a decision about cropping or empty space.

Crop, fit, or stretch

When the target shape differs from the source, the image must be handled in one of three ways:

• Crop to fill: the frame is filled completely and the outer parts of the image are discarded. This is common for profile photos and thumbnails, but it can remove heads, text, or logos.
• Fit entire image: the whole image is scaled to fit inside the frame, and the remaining area becomes background. This avoids losing content, at the cost of visible bars.
• Stretch: width and height are changed independently. The frame is filled, but faces become wider or narrower and circles turn into ovals. Most forms and design work should avoid this.

The PhotoResize image resizer supports crop-to-fill and fit-entire-image. It does not stretch the image. The social media resizer starts with common frame sizes so you can see the trade-off before downloading.

What “without losing quality” really means

Resizing always resamples pixels. When an image is made smaller, several source pixels are combined into one, which usually looks clean and can even hide noise. When an image is made larger, the software must estimate new pixels, so fine detail and sharp edges become softer. No resizer can recreate detail that was never captured.

Good results come from three habits: start with the highest-quality original you have, resize to the smallest dimensions that meet the requirement, and avoid saving the same JPEG repeatedly at low quality. A high-quality setting helps, but it cannot compensate for aggressive upscaling. This is why a 400-pixel-wide photo cannot become a convincing 2000-pixel poster simply by changing the numbers.

JPG, PNG, and WebP in practice

For a government or job application, the accepted format is not a preference; it is a rule. Check the notification or portal before choosing. A visually excellent WebP file is useless if the upload field only accepts JPG.

DPI, PPI, and print size

DPI and PPI describe how densely pixels are placed when printed. They are not extra detail stored inside the image. If a printer asks for 300 PPI at a 6 × 2 inch size, the required pixel dimensions are 6 × 300 = 1800 pixels wide and 2 × 300 = 600 pixels high. The same file can be printed at a different physical size by changing the density, but the pixels available do not change.

For screen use, pixel dimensions matter more than a DPI tag. For print, start from the physical size and the printer’s requested PPI, then calculate pixels. Do not add a 300 DPI tag to a low-resolution image and expect it to become sharp.

A short pre-resize checklist

• What exact width and height does the destination require, if any?
• Is the shape the same as the source? If not, is cropping acceptable?
• Which format is accepted, and is there a file-size limit in KB?
• Will the image be viewed on screen or printed at a specific physical size?
• Is every important edge, face, signature stroke, or label still inside the frame?

Once those questions are answered, use the free image resizer for exact pixels, the social media presets for common frames, or the KB compressor when file size is the limiting factor. All three process the image locally in your browser.

Questions

Dimensions and aspect ratio FAQ