✳ FREE CALCULATOR

Letterbox and pillarbox calculator

The inverse of cropping: fit the whole frame inside a target shape and add bars, instead of cutting it down. Shows the exact bar thickness and scaled size.

Bar type
letterbox (bars top and bottom)
Scaled content
1080 × 608
Bar thickness
656 px top and bottom
Content fills
31.6% of the canvas

Cropping instead would fill 100% but cut the edges off. Neither is automatically better.

Calculated as: scale = min(canvasW ÷ width, canvasH ÷ height); bar = (canvas − scaled) ÷ 2

How it is calculated

scale = min(canvasW ÷ width, canvasH ÷ height); bar = (canvas − scaled) ÷ 2

Worked example with the starting values (Source width: 1,920 px; Source height: 1,080 px; Target canvas width: 1,080 px; Target canvas height: 1,920 px): bar type letterbox (bars top and bottom); scaled content 1080 × 608; bar thickness 656 px top and bottom; content fills 31.6% of the canvas.

Key takeaways

  • Fitting 1920 × 1080 into a 1080 × 1920 canvas gives 1080 × 608 with 656 px top and bottom, and the picture fills 31.6% of the canvas of the canvas.
  • Fit keeps the whole picture; the cost is empty bars. The crop calculator is the other choice.

Fit or fill?

Fitting scales the whole picture to the largest size that fits inside the canvas and leaves bars on the other sides. The share of the canvas the picture fills tells you how much of it is empty.

A picture that fills under half the canvas looks lost; consider cropping, or fill the bars with a blurred copy of the picture.

Scenarios

ScenarioBar typeScaled contentBar thicknessContent fills
1080p into 9:16letterbox (bars top and bottom)1080 × 608656 px top and bottom31.6% of the canvas
1080p into 1:1letterbox (bars top and bottom)1080 × 608236 px top and bottom56.3% of the canvas
1080p into 4:5letterbox (bars top and bottom)1080 × 608371 px top and bottom45.0% of the canvas
Vertical into 16:9pillarbox (bars left and right)608 × 1080656 px each side31.6% of the canvas
Square into 16:9pillarbox (bars left and right)1080 × 1080420 px each side56.3% of the canvas
4:3 into 9:16letterbox (bars top and bottom)1080 × 810555 px top and bottom42.2% of the canvas

How much of the canvas the picture fills

Source9:16 canvas1:1 canvas4:5 canvas16:9 canvas
16:9 (1920 × 1080)31.6% of the canvas56.3% of the canvas45.0% of the canvas100.0% of the canvas
4:3 (1440 × 1080)42.2% of the canvas75.0% of the canvas60.0% of the canvas75.0% of the canvas
9:16 (1080 × 1920)100.0% of the canvas56.3% of the canvas70.3% of the canvas31.6% of the canvas
1:1 (1080 × 1080)56.3% of the canvas100.0% of the canvas80.0% of the canvas56.3% of the canvas

Quick answers

What color are the bars?

Whatever you choose in your editor: black is the default, a blurred copy of the picture is common.

What this assumes