An aspect ratio describes an image's shape, not its resolution. Read it as width to height: 4:5 means four units wide for every five units tall. Choosing the ratio before cropping helps you preserve important details, calculate usable pixels, and avoid stretching a photograph to fit a space it cannot fill naturally.
Common aspect ratios at a glance
These dimensions are mathematical examples, not platform upload requirements. A larger example has more pixels but exactly the same shape when both dimensions scale together.
| Ratio | Width ÷ height | Exact example | Practical use |
|---|---|---|---|
| 1:1 | 1 | 1200 × 1200 | Square compositions |
| 4:5 | 0.8 | 1200 × 1500 | Moderate portrait framing |
| 4:3 | 1.333… | 1600 × 1200 | Balanced landscape framing |
| 3:2 | 1.5 | 1800 × 1200 | Wider photographic framing |
| 16:9 | 1.777… | 1920 × 1080 | Wide compositions |
| 9:16 | 0.5625 | 1080 × 1920 | Tall compositions |
| 21:9, or 7:3 | 2.333… | 2520 × 1080 | Very wide framing |
Calculate a crop in five steps
- Read the original pixel dimensions. Use the actual file width and height, not its displayed size on a page. A 4000 × 3000 image has a 4:3 ratio even when a website shows it in a narrower box.
- Choose the destination shape. Decide whether the composition needs a square, portrait, or landscape frame. If a destination specifies exact pixels, use those dimensions as the final requirement rather than assuming a familiar ratio is close enough.
- Compare the ratios. Let the original ratio be W ÷ H and the target ratio be a ÷ b. If the original is wider, keep its height and trim its width. If it is narrower, keep its width and trim its height.
- Calculate the largest fitting rectangle. For a wider original, crop width = H × a ÷ b. For a narrower original, crop height = W × b ÷ a. These calculations find the largest rectangle of the target shape inside the original.
- Position before exporting. Move the crop to protect the subject, check all four edges, and export once. Use Crop Image to Size when exact dimensions matter, or Square Crop when the destination is square.
Worked example: 4:3 to 4:5
Start with a 4000 × 3000 photograph and choose a 4:5 portrait crop. Its original ratio is about 1.333, while the target is 0.8. The original is wider, so keep the 3000-pixel height. The new width is 3000 × 4 ÷ 5 = 2400 pixels. The crop becomes 2400 × 3000.
You remove 1600 pixels across the width. A centered crop removes 800 from each side, but centering is not compulsory. Move the rectangle if the face, product, or important gesture sits off center. The same calculation controls the shape wherever you place it.
If you subsequently resize that crop to 1200 × 1500, both dimensions are halved. You have changed resolution without changing the ratio. Resizing the original directly to those dimensions without cropping or padding would instead distort the scene. For more on that distinction, read crop versus resize.
Rounding without creating avoidable errors
Pixel dimensions are whole numbers, but calculations can produce fractions. At 1000 pixels wide, a 16:9 frame has a calculated height of 562.5 pixels. Neither 1000 × 562 nor 1000 × 563 is mathematically exact 16:9. Both are close approximations, and a destination may accept one or require a particular rounded size.
For an exact ratio in whole pixels, simplify a:b first, then multiply both numbers by the same integer. Exact 16:9 examples include 992 × 558 and 1008 × 567. If the maximum width is 1000, the first fits while the second does not. Do not exceed a hard size limit simply to keep an exact ratio.
Keep calculations precise until the final dimension decision. Repeatedly rounding intermediate values can shift the crop unnecessarily. An odd number of pixels removed from a centered image also means one edge may lose one more pixel than the other. That is normal integer arithmetic, not visible stretching.
Why 21:9 is not every ultrawide screen
Mathematically, 21:9 reduces to 7:3 because both numbers divide by three. At 1080 pixels high, exact 7:3 gives a width of 2520 pixels. A 2560 × 1080 display instead simplifies to 64:27, approximately 2.370:1. A 3440 × 1440 display simplifies to 43:18, approximately 2.389:1.
Both display shapes are often grouped under ultrawide or 21:9 marketing language, but neither is exactly 7:3. For wallpaper, artwork, or a full-screen background, use the actual display dimensions. Otherwise, the system must leave a border, crop edges, or distort the picture to fill the screen.
Crop, contain, and cover are different choices
MDN distinguishes proportional fitting from filling a box by clipping. In a browser, object-fit: contain preserves the whole image within its box, while object-fit: cover fills the box and clips excess content. Those display instructions do not rewrite the source file. A permanent crop changes the exported image itself.
Padding is the file-based alternative when every edge matters: place the complete photograph on a larger canvas with the required shape. That creates visible space rather than deleting content. Choose the method intentionally, especially for artwork, group portraits, and documents that must remain complete.
Common problems
- Portrait and landscape are reversed. Ratios always read width first. A 4:5 frame is portrait; a 5:4 frame is landscape. Swapping the numbers changes the crop substantially.
- The result looks soft. A correct ratio cannot restore detail lost to a small crop. Check the retained pixel dimensions before enlarging. See how to crop without unnecessary quality loss for export considerations.
- The website still cuts off the subject. Its display container may use a different shape from your uploaded file. Preview the actual placement rather than judging only the saved image.
- A square crop removes too much. Reconsider the framing or use padding in an editor that supports it. Changing shape without losing edges requires extra canvas, not a more aggressive resize.
Frequently asked questions
Does aspect ratio determine image quality?
No. Aspect ratio describes shape. A 400 × 300 image and a 4000 × 3000 image are both 4:3, but they contain very different amounts of detail. Judge usable quality from pixel dimensions, focus, compression, and the intended display size.
How do I simplify an aspect ratio?
Divide width and height by their greatest common divisor. For 1800 × 1200, that divisor is 600, giving 3:2. If the simplified integers are awkward, keep the pixel dimensions and calculate width divided by height for comparison rather than inventing an exact familiar ratio.
Are 16:9 and 9:16 interchangeable?
No. They use the same numbers in opposite order, so one is wide and the other tall. Rotating a file swaps its dimensions, but simply choosing the opposite crop can remove substantial content unless the composition was designed for both orientations.
Is every 21:9 image exactly 7:3?
An exact mathematical 21:9 ratio is 7:3. However, products marketed as 21:9 ultrawide can have different actual pixel ratios. Calculate from the real width and height before preparing an image that needs to match a particular screen.