Home / Image tools / Image resizer / Keep aspect ratio

Resize Image and Keep the Aspect Ratio

Type a width or a height and the other side follows, so the picture keeps its shape. Nothing is stretched or squashed.

Drop images here, click to choose, or paste
JPG, PNG, WebP, AVIF, HEIC, GIF, BMP. Up to 100 files. Stays in your browser.

Everything runs in your browser. Your images are not sent to our server. Sizes are shown with 1 KB = 1,000 bytes.

What aspect ratio is

The aspect ratio is the proportion of width to height, written like 4:3 or 16:9. A photo that is 4,000 by 3,000 pixels has a ratio of 4:3. If you change only the width, or you scale both sides by the same factor, the ratio stays the same. If you change them by different factors, the picture is stretched.

new height = new width x (original height / original width)

4,000 x 3,000 resized to a width of 1,200:
1,200 x (3,000 / 4,000) = 900   =>   1,200 x 900

How this page keeps the ratio

Enter the width, the height, or both, and the setting Fit inside is used. With one value, the other is calculated. With both, the picture is scaled to fit within that box and keeps its shape, so one of the sides can end up shorter than the box.

Common aspect ratios and sizes

RatioExample sizeCommon use
1:11,080 x 1,080Square posts, profile pictures
4:51,080 x 1,350Portrait posts
3:21,500 x 1,000Camera photos, prints
4:31,600 x 1,200Phones, older screens, product photos
16:91,920 x 1,080Video, thumbnails, slides
9:161,080 x 1,920Stories, Reels, Shorts
2:31,000 x 1,500Portrait prints, Pinterest

When you need a different ratio

To get a new shape without stretching, you have to cut or pad. Choose Fill and crop to cut the edges evenly, or Fit with padding to add a colour border. Both give you the exact size. Social media and passport sizes work this way: see Instagram and passport photo.

Mistakes to avoid

  • Typing both sides with different ratios and choosing Stretch.
  • Resizing in a web page with CSS width and height that do not match, which squashes the image on screen. Set one side and let the other be auto.
  • Rounding errors. Whole pixels are needed, so 1,200 x 900.4 becomes 1,200 x 900.

Other presets: Percentage. The guide to resizing images covers more.

Frequently asked questions

How do I resize an image without distorting it?

Change only the width or only the height, or use Fit inside. The tool calculates the other side from the original ratio.

How do I calculate the new height?

Multiply the new width by the original height and divide by the original width.

What if I need an exact size in a different shape?

Use Fill and crop to cut the extra, or Fit with padding to fill the gaps with a colour.

What is a 16:9 image size?

1,920 x 1,080 pixels is the common one. Any size with a width 16 parts to a height of 9 parts is 16:9.