How to crop images to the perfect aspect ratio for web and social media

Aspect ratio is the proportional relationship between an image's width and height. It is expressed as two numbers separated by a colon — 16:9, 4:3, 1:1 — where the first number is the width and the second is the height. Understanding aspect ratios removes the guesswork from image cropping: instead of estimating by eye, you know exactly what proportions you need for each use case before you start. This guide explains the most common ratios and how to apply them to web, social, and print contexts.

Why aspect ratio matters more than pixel size

Platforms do not require a specific pixel size — they require a specific ratio. Instagram accepts square posts at 200×200 or 10000×10000 pixels, as long as the ratio is 1:1. What platforms reject, crop, or distort is the wrong ratio. A 1200×628 LinkedIn post image uploaded to a 1:1 profile picture slot will be cropped to a square, cutting off the sides.

When you crop to a ratio rather than a pixel size, you ensure the image will fill its container correctly at every resolution. Then you set the pixel size to match the platform's recommended dimensions. The ratio comes first; the pixel count comes second.

The most common aspect ratios and where to use them

1:1 — Square

The square format is the most universally safe choice on the web. It is the default for profile pictures across every platform (Twitter, LinkedIn, Facebook, Instagram, YouTube) and performs well for feed posts on Instagram. Square images render correctly as both thumbnails and full-size images without requiring a crop.

Best for: profile pictures, product thumbnails, Instagram feed posts, app icons. Avoid for: hero images, banners, and anything meant to convey width or landscape context.

16:9 — Widescreen

16:9 is the standard widescreen ratio — it matches the aspect ratio of every modern monitor, TV, and smartphone when held horizontally. It is the native format for video content (YouTube, Vimeo, embedded video players) and widely used for hero images, blog cover images, and Open Graph (OG) images that appear when links are shared on social media.

The 1200×628 OG image used by Facebook, LinkedIn, and X is close to but not exactly 16:9 (it is approximately 1.91:1). If you crop to 16:9 for OG images, the sides may be slightly cropped on some platforms. Crop to 1.91:1 (or just use 1200×628 px directly) for link preview images.

Best for: YouTube thumbnails, video cover images, blog post hero images, desktop wallpapers.

4:3 — Classic photo

4:3 was the standard for analogue television and early digital cameras. It is still common in photography and works well for general-purpose images that need to be slightly wider than tall without committing to the very wide 16:9 look. It renders well in blog grids, email newsletters, and presentation slides.

Best for: product photography, blog post images, email headers, presentation graphics.

4:5 — Instagram portrait

4:5 (0.8:1) is Instagram's maximum portrait ratio for feed posts. It takes up more vertical space in the feed than a square post, which means more screen real estate and typically higher engagement. If you are creating content specifically for Instagram organic posts, 4:5 is the highest-impact format.

9:16 — Vertical / Stories

9:16 is the inverse of 16:9 — a full-screen vertical format. It is the native ratio for Instagram Stories, Reels, TikTok, and YouTube Shorts. On mobile, it fills the entire screen. Cropping horizontal images to 9:16 is the most common mistake: the resulting crop loses most of the original image. Start from a vertical-oriented source when shooting for Stories content.

How to crop without losing the subject

The most common cropping mistake is centering the crop on the geometric middle of the image rather than on the subject. If your subject is off-centre (which it often should be, per the rule of thirds), a centre crop will cut them out.

A good crop tool lets you drag the crop box over the image so you choose what stays in frame. quickhelp.dev's Image Resizer & Cropper has preset ratio buttons (Free, 1:1, 4:3, 16:9, 3:2) that lock the crop box to the chosen ratio. You then drag and position the box over the part of the image you want to keep. Switch to the Resize tab afterwards to set the final pixel dimensions the platform requires. Both steps happen in your browser — no upload.

Cropping for Open Graph images

Open Graph (OG) images are the preview images that appear when you share a URL on social media. They are specified in the page's <meta property="og:image"> tag. The recommended OG image size is 1200×628 px (ratio: approximately 1.91:1). If the image is a different ratio, platforms will crop it — often in ways that remove important content.

Crop your OG images to exactly 1200×628 before uploading. If your source is a 16:9 image (1200×675), a 47px crop from top or bottom centres it on the 628px height. If your source is square, you will lose a significant amount of height — either recompose the image or use a wider source.

Quick reference: crop ratios by use case

Bookmark this table and use the Image Resizer & Cropper to hit any of these dimensions in under a minute. No account needed, nothing uploaded.