The short version
Aspect ratio is the proportional relationship between a frame's width and height, written width:height. A 16:9 frame stays 16:9 at 1280 × 720, 1920 × 1080 or any other proportional resolution.
What matters most
- Aspect ratio describes shape, not pixel count or physical size.
- Multiplying or dividing both dimensions by the same number preserves the ratio.
- Changing ratio requires cropping, stretching or adding space unless the source already matches.
How to apply it
- Read the width and height in the same unit.
- Divide both numbers by their greatest common divisor.
- Write the simplified width:height pair.
- Compare the result with the destination's required ratio before exporting.
Reference table
| Ratio | Typical shape | Common use |
|---|---|---|
| 1:1 | Square | Profile images and square posts |
| 4:3 | Moderate landscape | Photography and legacy displays |
| 16:9 | Widescreen | Video, TVs and presentations |
| 9:16 | Tall portrait | Short-form mobile video |
Use exact dimensions and units in production notes; familiar labels can describe more than one standard.
How aspect ratios work
An aspect ratio compares width with height. The first number is always width and the second is height, so 16:9 is landscape while 9:16 is portrait. The numbers do not specify an absolute size. A 160 x 90 thumbnail and a 3840 x 2160 video share the same shape because both dimensions scale by the same factor.
Ratios can be written as a fraction or a decimal when you need to compare close formats. Dividing width by height gives 1.777... for 16:9, 1.5 for 3:2 and 1.333... for 4:3. The decimal is useful for detecting a near match, but the width:height form is easier to communicate in production notes.
Worked aspect-ratio examples
For 1920 x 1080, divide both dimensions by their greatest common divisor, 120. The result is 16 x 9, so the exact ratio is 16:9. For a 1080 x 1350 portrait, the greatest common divisor is 270 and the result is 4:5. This same method works with pixels, inches or centimeters as long as both dimensions use the same unit.
Some real screens are only approximately a familiar ratio. The resolution 1366 x 768 simplifies to 683:384 rather than 16:9, but its decimal ratio is close enough that it is normally treated as widescreen. When a crop must be exact, use the original dimensions rather than relying on the familiar label.
Aspect ratio vs resolution and orientation
Aspect ratio answers ‘what shape is the frame?’ Resolution answers ‘how many pixels does it contain?’ Orientation only tells you whether width is greater than height. Two files can therefore have the same ratio but very different detail, or the same orientation but different ratios.
Choose the ratio before final composition because it controls what fits inside the frame. Then choose pixel dimensions that satisfy the destination. A 16:9 social preview and a 16:9 television image use the same geometry, but they may require very different resolutions and compression settings.
What to do when source and destination ratios differ
A proportional source cannot fill a differently shaped destination without a tradeoff. Cropping fills the frame but removes edge content. Fitting preserves the full source but leaves unused space. Stretching fills everything by changing geometry and is usually the least acceptable choice for photos, logos and video.
For valuable content, preview both crop and fit before exporting. Keep faces, captions and product details inside a safe center area, and save the uncropped master. If several placements are planned, capture or design extra space around the subject so each version can be recomposed rather than forced.
Common mistakes to avoid
- Calling 1920 × 1080 an aspect ratio; it is a resolution.
- Reversing 4:5 and 5:4, which changes orientation.
- Stretching content to fit a new ratio and distorting people or objects.
Continue with the right tool
Use a calculator to check the numbers against your own source and destination instead of relying on a generic preset.
Related guides
How to Find an Aspect Ratio from Width and Height
Find and simplify any aspect ratio from pixel dimensions, with worked examples, decimal ratios and guidance for non-standard sizes.
Aspect ratio basicsHow to Change Aspect Ratio Without Ruining the Composition
Choose between crop, padding and reframing when changing an image or video aspect ratio, with a practical decision process.
Aspect ratio basicsHow to Change Aspect Ratio Without Cropping
Keep every part of an image or video visible by adding canvas space, letterboxing or designing an adaptive background.
Frequently asked questions
Does aspect ratio determine quality?
No. Ratio determines shape; pixel dimensions, compression and source detail affect quality.
Can two resolutions have the same aspect ratio?
Yes. 1280 × 720 and 3840 × 2160 are both exactly 16:9.
What happens when ratios do not match?
You must crop, add bars or canvas space, or accept distortion. Cropping or padding normally preserves proportions best.
Sources and further reading
These references support the technical definitions and platform-specific guidance used above.
- W3C CSS Images: object fittingTechnical reference for fitting replaced content into a differently shaped box.