Skip to content
ScreenMetricLab Check screen

Cookie settings

Manage your preferences

Essential features

Required for security, page delivery, and remembering this privacy choice.

Always on

Advertising

ScreenMetricLab does not currently serve ads. Advertising consent controls will be added before ads are enabled.

Not in use
← All ratio calculators

Ultrawide calculator

21:9 Aspect Ratio Calculator

Use this 21:9 calculator for wide cinematic images, ultrawide screenshots, and immersive desktop layouts.

Ratio: 21:9 Default: 2,560 × 1,097

Ratio preview

21:9

Ultrawide format

Ultrawide monitors, cinematic hero sections, banners, landing page media, and wide presentation visuals.

Calculate 21:9 dimensions

Enter width or height. The matching dimension updates automatically to keep the 21:9 shape.

Editable ratio

21:9 result

2,560 × 1,097

21:9 ratio

Decimal
2.333:1
Orientation
Landscape
CSS
aspect-ratio: 21 / 9;

Common 21:9 sizes

Use Size
Ultrawide monitor 2560 × 1080
Cinematic export 2520 × 1080
Large banner 3360 × 1440
Web hero 2100 × 900

Best uses

Plan ultrawide website hero crops.
Prepare cinematic banners and landscape thumbnails.
Compare wide monitor screenshots with standard 16:9 layouts.

Direct answer

What is the 21:9 aspect ratio?

Calculate 21:9 ultrawide dimensions for cinematic banners, ultrawide monitor screenshots, and hero layouts.

Find height

height = width × 9 ÷ 21

Find width

width = height × 21 ÷ 9
ConceptWhat it describesExample
Aspect ratioThe proportional shape of a frame21:9
ResolutionThe number of pixels in that frame2560 × 1080

Crop and placement check

Check the destination frame before export. Cropping fills the placement; padding or letterboxing preserves the complete source.

Crop to fill
No empty space
Fit
Complete frame

How to use 21:9

Use 21:9 for cinematic wide layouts

Use 21:9 when you need a cinematic banner, ultrawide monitor screenshot, or immersive website hero. Keep critical text away from the far left and right because responsive layouts may crop wide edges.

21:9 is a wide cinematic-style ratio.
2560 × 1080 is commonly treated as ultrawide 21:9 in display workflows.
Use wide safe areas because text near edges may be cropped in responsive layouts.

Frequently asked questions

Is 2560 × 1080 exactly 21:9?

It is commonly called 21:9, but mathematically it is slightly wider than exact 21:9. The calculator can produce exact matching dimensions.

When should I use 21:9?

Use it for cinematic banners, ultrawide monitor visuals, and desktop hero layouts.

Will 21:9 crop on mobile?

Often yes. Keep important subjects centered and create separate mobile crops when needed.

Is 21:9 the same as 2560 × 1080?

2560 × 1080 is commonly treated as ultrawide, but exact 21:9 from 1080 height is 2520 × 1080. Use the calculator when exact matching matters.