what is aspect ratio in computer graphics

Aspect ratio in computer graphics is the proportion of an image or screen’s width to its height. It is usually written as two numbers separated by a colon, such as 16:9 or 4:3.

Simple meaning

If an image is 1920 pixels wide and 1080 pixels tall, its aspect ratio is 1920:1080, which simplifies to 16:9.

This ratio tells you the shape of the image, not its total size or resolution.

Why it matters

Aspect ratio affects how graphics are displayed on screens, in games, videos, and UI layouts.

If the aspect ratio does not match the display, the image can look stretched, squashed, or cropped.

Common examples

• 4:3, used in older monitors and some classic content.

• 16:9, common for modern TVs, monitors, and video.

• 1:1, a square format often used on social media.

• 21:9, an ultrawide format often used for gaming and wide desktop setups.

In practice

In computer graphics, keeping the correct aspect ratio helps preserve the intended look of objects, text, and images.

For example, a circle should stay circular; if the ratio is wrong, it may appear as an oval.

Formula

The basic formula is:

Aspect ratio=widthheight\text{Aspect ratio}=\frac{\text{width}}{\text{height}}Aspect ratio=heightwidth​

Sometimes it is also written in simplified form as width:height, such as 16:9.

Tiny example

A 1024 × 768 image has an aspect ratio of 4:3 because 1024:768 simplifies to 4:3.