Choosing the right canvas starts with one simple measurement: aspect ratio. This guide explains how to calculate image dimensions from a known ratio, select practical canvas sizes for social media, video, web, and print, and adapt existing artwork without distortion or accidental cropping.
Overview
An image aspect ratio describes the relationship between its width and height. It is written as two numbers separated by a colon, such as 1:1, 4:5, or 16:9. The first number represents width; the second represents height.
Aspect ratio is different from resolution. A 16:9 design might be 1,920 × 1,080 pixels, 1,280 × 720 pixels, or another pair of dimensions with the same proportion. Resolution determines the number of pixels or the physical output size, while aspect ratio determines the shape of the canvas.
Keeping the ratio consistent helps artwork fit its destination. A square social graphic, a vertical mobile video, a widescreen presentation, and a printed poster each need a different canvas shape. If the source and destination ratios do not match, you must either crop, add space, or redesign the composition.
Use this guide as a reusable aspect ratio calculator reference. Before exporting, also check the current requirements of the platform, printer, video editor, or publishing system receiving the file. Specifications can change, and a ratio alone does not confirm file type, maximum dimensions, compression, color mode, or safe-area requirements.
Common aspect ratios and canvas examples
| Ratio | Common use | Example canvas sizes |
|---|---|---|
| 1:1 | Square posts, profile graphics, icons | 1080 × 1080 px; 2000 × 2000 px |
| 4:5 | Vertical social graphics and portraits | 1080 × 1350 px; 1600 × 2000 px |
| 16:9 | Widescreen video, presentations, thumbnails | 1920 × 1080 px; 1280 × 720 px |
| 9:16 | Vertical video and mobile-first layouts | 1080 × 1920 px; 720 × 1280 px |
| 3:2 | Photography, landscape artwork, editorial images | 3000 × 2000 px; 1800 × 1200 px |
| A-series | Documents, flyers, posters, and print layouts | A4: 210 × 297 mm; A3: 297 × 420 mm |
A-series paper uses a consistent proportion of approximately 1:1.414 in portrait orientation. Rotating the page produces the landscape version without changing the underlying ratio.
How to estimate
The basic formulas are straightforward:
- Height = width × (ratio height ÷ ratio width)
- Width = height × (ratio width ÷ ratio height)
For a 16:9 canvas that is 1,600 pixels wide:
Height = 1,600 × (9 ÷ 16) = 900 pixels
The result is 1,600 × 900 pixels. For a 9:16 canvas that is 1,080 pixels wide:
Height = 1,080 × (16 ÷ 9) = 1,920 pixels
The result is 1,080 × 1,920 pixels. The same method works with millimetres, inches, points, or any other consistent unit.
A reusable canvas-sizing template
- Write the target ratio as width:height, for example 4:5.
- Choose the dimension you know, usually the width required by the destination.
- Divide the height number by the width number.
- Multiply that result by the known dimension.
- Round to a practical whole number of pixels, if necessary.
- Confirm that the rounded dimensions still produce an acceptably close ratio.
You can also reduce a ratio before calculating. A canvas measuring 2,400 × 1,600 pixels has a 3:2 ratio because both numbers divide evenly by 800. Reducing the numbers makes the relationship easier to recognize, but it does not change the image shape.
Scaling an existing design
If the source and destination have the same ratio, scale the artwork proportionally. For example, changing a 1,920 × 1,080 design to 1,280 × 720 preserves every relationship and avoids distortion.
If the ratios differ, choose one of three methods:
- Crop: Keep the canvas size and remove content from the edges. This is useful when the subject remains clear after trimming.
- Extend: Add background space, a color field, or a designed border. This protects the original composition but may require additional artwork.
- Recompose: Move text, images, and focal points for the new shape. This is usually the strongest option when important information sits near the edges.
Do not unlock constrained proportions simply to force a file into a new ratio. Non-proportional scaling stretches faces, logos, typography, and geometric shapes.
Inputs and assumptions
An aspect ratio calculator gives a useful dimension, but a production-ready canvas needs a few additional inputs.
Destination
Identify whether the design is intended for a social post, short-form video, presentation, website, email, print document, poster, or another output. Similar destinations may use different orientations or safe areas. Treat the destination's current specification as the final authority.
Known dimension
For digital work, this is often a pixel width or height. For print, begin with the physical page size, such as A4 or A3, then select an appropriate document resolution in your design application. Keep physical measurements and pixel measurements conceptually separate until export.
Orientation
A 3:2 image can be landscape at 3 units wide by 2 units high, or portrait at 2 units wide by 3 units high. Write the orientation explicitly so that a correct ratio is not accidentally used in the wrong direction.
Safe areas and bleed
Keep essential text, logos, and faces away from edges that may be cropped or covered by interface elements. For print, ask the printer or production workflow whether bleed and trim marks are required. Bleed changes the document dimensions, so calculate it before placing final artwork.
Export assumptions
Aspect ratio does not determine whether a file should be PNG, JPEG, SVG, PDF, or another format. Choose the format according to transparency, editability, photographic detail, print production, and the receiving platform. When using downloadable design assets, review their licensing terms before adding them to a commercial project. The design asset licensing guide explains what to check for vectors, brushes, fonts, and SVG files.
Worked examples
Example 1: Creating a 4:5 social graphic
Suppose the required width is 1,080 pixels and the ratio is 4:5.
Height = 1,080 × (5 ÷ 4) = 1,350 pixels
Create a 1,080 × 1,350 pixel canvas. Place the headline and key visual inside a comfortable inner margin rather than directly against the outer edge. If adapting a square design, first duplicate the file, extend the canvas vertically, and then reposition the content. Crop only after checking that no text or subject is lost.
Example 2: Converting a widescreen design to vertical video
A 16:9 video frame and a 9:16 video frame contain the same numbers in reverse order, but they are not interchangeable. Start with a 1,080 × 1,920 pixel vertical canvas. Place the original 16:9 footage or artwork on a separate layer, then choose whether to crop into the subject, create a blurred or colored background, or rebuild the layout. Keep subtitles and interface-sensitive information inside the central safe area.
Example 3: Calculating a 3:2 photograph
If the height is 1,200 pixels and the target ratio is 3:2:
Width = 1,200 × (3 ÷ 2) = 1,800 pixels
The correct canvas is 1,800 × 1,200 pixels. If the original image is 4:3, cropping to 3:2 removes some height relative to the width. Check the edges for hands, product details, captions, or other information before committing to the crop.
Example 4: Preparing an A-series print file
For an A4 document, begin with the physical size of 210 × 297 mm in portrait orientation. If you need landscape, use 297 × 210 mm. Set the document resolution and color settings according to the print workflow, and include bleed only if requested. For a checklist covering vector preparation and export decisions, see the free vector files pre-download and export guide.
When to recalculate
Recalculate the canvas whenever the destination, orientation, source asset, or production method changes. A design made for a square post may need a new composition for a 4:5 portrait, even if the same colors and images are retained. Recheck dimensions when a platform changes its publishing fields, when a video project moves between horizontal and vertical formats, or when a printer supplies a new trim or bleed specification.
Before every export, use this short workflow:
- Confirm the destination and current required ratio.
- Write down the known width or height and calculate the other dimension.
- Check orientation, resolution, color mode, file format, and maximum file limits separately.
- Inspect the crop, margins, safe areas, and any text near the edges.
- Export a copy, reopen it, and verify the final pixel or physical dimensions.
- Save the ratio and dimensions in the project notes so the next version is easier to prepare.
For web layouts and reusable graphics, keep the original artwork editable and create destination-specific versions rather than repeatedly overwriting one file. This makes future updates faster, protects the source composition, and gives you a dependable canvas-sizing process for every new post, thumbnail, presentation, video, poster, or print file.
