What Is Aspect Ratio?

If you work with images, videos, or designs, you will eventually encounter the term aspect ratio.

Aspect ratio describes the shape of an image, not its size.

For example, two images can have completely different pixel sizes but still share the same aspect ratio if their shape is the same.

Understanding aspect ratios helps explain:

• why some designs are square
• why others are tall or wide
• why images sometimes get cropped
• why resizing a design can break the layout

Once you understand aspect ratios, many design behaviors start to make much more sense.

An aspect ratio describes the relationship between an image’s width and height.

It is usually written as two numbers separated by a colon.

For example:

1:1

This means the width and height are equal, creating a perfect square.

Another example:

16:9

This means the image is much wider than it is tall, which creates the widescreen shape used in videos and presentations.

Aspect ratios describe the proportions of a design, not the exact dimensions.

Here are some common aspect ratios you will encounter in design and media.

---

1:1 (Square) #

A 1:1 aspect ratio means the width and height are equal.

Examples:

• 1080 × 1080 pixels
• 2000 × 2000 pixels

Both are squares.

Square designs are commonly used for:

• Instagram posts
• product graphics
• simple social media images

Even though Instagram now supports other shapes, square designs are still widely used.

4:5 (Portrait) #

A 4:5 aspect ratio creates a tall image that is slightly taller than it is wide.

Example:

• 1080 × 1350 pixels

This format is very common for:

• Instagram portrait posts
• social media graphics
• mobile-friendly content

Portrait images often take up more space in feeds, which can make them more noticeable.

16:9 (Widescreen) #

A 16:9 aspect ratio creates a wide horizontal image.

Examples:

• 1920 × 1080 pixels
• 1280 × 720 pixels

This format is used for:

• videos
• YouTube thumbnails
• presentations
• television screens
• computer monitors

Most modern video content uses this widescreen format.

9:16 (Vertical Video) #

A 9:16 aspect ratio is the opposite of widescreen.

It creates a tall vertical image designed to fill a phone screen.

Example:

• 1080 × 1920 pixels

This format is used for:

• Instagram stories
• TikTok videos
• YouTube Shorts
• mobile-first video content

Because many people watch content on their phones, vertical video formats have become extremely popular.

Different platforms use different aspect ratios because they are designed for different types of viewing.

For example:

Phones are usually held vertically, so social media stories and short videos use tall formats.

Televisions and computer screens are usually wide, so videos and presentations use horizontal formats.

Social media feeds often use shapes that work well when scrolling.

Each platform chooses the aspect ratios that best match how people use the platform.

Cropping occurs when an image does not match the aspect ratio required by a platform.

For example, imagine uploading a square image to a space designed for a wide rectangle.

The platform has two choices:

• stretch the image (which would distort it), or
• crop part of the image to make it fit

Most platforms choose cropping.

This is why parts of an image can sometimes get cut off when uploaded.

Resizing a design without adjusting the layout can cause problems because the aspect ratio changes.

For example:

If you convert a square design into a tall portrait design, elements that once fit perfectly may now appear:

• too close together
• too far apart
• partially cut off
• misaligned

This is why resizing often requires adjusting the layout.

Tools like Canva’s Magic Resize can help with this, but designs still usually need small adjustments afterward.

Aspect ratio describes shape, while image size describes dimensions.

For example:

These two images share the same aspect ratio:

• 1080 × 1080
• 2000 × 2000

Both are square.

Likewise, these images share the same aspect ratio:

• 1920 × 1080
• 1280 × 720

Both are widescreen.

Even though the sizes are different, the proportions are the same.

Understanding aspect ratios helps you:

• choose the right design format
• avoid unexpected cropping
• create layouts that work across platforms
• resize designs more successfully

When a design is built with the correct proportions from the start, it usually behaves much better when uploaded or shared.

Aspect ratio simply describes the shape of a design.

Different platforms and media formats use different shapes depending on how content is viewed.

Understanding this concept helps explain why:

• some images are square
• others are tall or wide
• platforms crop images
• resizing sometimes changes the layout

Once you understand aspect ratios, working with different design formats becomes much easier.