Digital signage aspect ratio explained

Content that looked right in the design tool arrives on the screen with black bars down both sides. Or it fills the screen but the logo is cut in half. Or everyone looks slightly wider than they should. All three are the same problem: the shape of the content and the shape of the screen do not match.

That shape is the aspect ratio, and it is the first thing to get right. Everything else about a piece of signage content, the resolution, the file size, the format, matters less than whether it is the right shape for the panel it lands on.

What aspect ratio actually means

Aspect ratio is the relationship between a screen’s width and its height, written as two numbers separated by a colon.

A 16:9 screen is 16 units wide for every 9 units tall. Not 16 inches, not 16 pixels, just 16 of whatever unit you like. That is the whole idea: a ratio describes a shape, not a size.

Two screens can share an aspect ratio and have nothing else in common. A 24 inch monitor and a 98 inch video wall panel are both 16:9. Content built for one fits the other exactly, at any size, because they are the same shape.

Aspect ratio is not resolution

This is where most of the confusion starts, because the two get quoted together and look similar.

Resolution is a count of pixels: 1920x1080 means 1920 across and 1080 down. Aspect ratio is what you get when you reduce that count to its simplest form. Divide both by 120 and 1920x1080 becomes 16:9.

Every 16:9 row fits a 16:9 screen edge to edge, whatever the pixel count. The 4:3 and 9:16 rows do not, however many pixels they have.

This matters because it tells you what to fix. Content that is the wrong shape shows black bars, and no amount of extra resolution will remove them. Content that is the right shape but too few pixels looks soft, and that is a different fix.

The ratios you will actually meet

16:9 is the default. Nearly every television, commercial display and computer monitor sold in the last fifteen years is 16:9, so unless you know otherwise, this is what you have.

9:16 is the same panel rotated a quarter turn. Portrait signage is not a different kind of screen, it is a 16:9 display mounted on its side, which is why the numbers are simply reversed.

4:3 is the old television shape, still around on older projectors and some industrial panels. Squarer than 16:9, and a shrinking share of installs.

21:9 and 32:9 are ultrawide, sold as stretch or bar displays. Common above shelving, under ceilings, and along the front of counters, where the space is wide and short.

1:1 is square, used in some purpose-built signage cabinets and in a lot of social media content, which is where it usually causes trouble: a square Instagram post fills only 56% of a 16:9 screen.

What goes wrong when the shapes disagree

There are only four things a player can do with content that is the wrong shape, and none of them is free.

Letterboxing puts black bars across the top and bottom. This is what happens when wide content lands on a squarer screen.

Pillarboxing puts black bars down the left and right, the reverse case. This is the one people notice most, because it is what a portrait video looks like on a landscape screen, where it uses under a third of the width.

Cropping fills the screen by throwing away the parts that do not fit. Nothing is distorted and no space is wasted, but the edges are gone, which is a problem if that is where the logo or the phone number was.

Stretching fills the screen by distorting the image. Circles become ovals and faces get wider. Avoid it. People notice something is wrong even when they cannot name it.

Signage software usually exposes this choice as a fit, scaling or stretch setting, under one name or another. Whatever it is called, all four options are damage control. The fix that beats every one of them is producing content at the screen’s own aspect ratio in the first place.

Working out what your screen is

Find the resolution, then reduce it.

The display’s own menu usually reports its native resolution, and the specification sheet always does. Divide the width by the height: a result near 1.78 is 16:9, near 1.33 is 4:3, near 2.33 is 21:9, and 0.56 is 9:16.

Worth telling apart from aspect ratio: overscan. That leaves a thin margin on all four sides, comes from the display rather than the content, and is a leftover of television standards with its own setting on most hardware. An aspect ratio mismatch leaves thick bars on two sides only, never all four.

What size to export

Design at the screen’s aspect ratio, at or near its native resolution.

Going above the display’s native resolution buys nothing. A 6000 pixel wide image on a 1080p screen shows exactly as much detail as a 1920 pixel one, because the extra pixels have nowhere to go.

What it does cost is real. The file takes longer to reach every player. Then the player has to decode it, and decoding happens at the image’s full size before anything is scaled down to the panel, so a 6000 pixel image briefly needs the memory for a 6000 pixel image. On a small device that is where playback starts to stutter, and an oversized file in a rotation is a common cause of a screen that freezes or restarts for no obvious reason.

Exporting at the panel’s own resolution avoids all of it.

Designing for both orientations

A single mixed estate of landscape and portrait screens is the normal case, and there is no ratio that fits both. Two approaches work.

Make two versions. More work up front, best result, and the right answer for anything where the layout carries meaning.

Or design for the safe area: keep everything that matters inside a centred region that survives cropping in either direction, and let the background extend past it. This is how one asset can play on both without embarrassing itself, at the cost of using the screen less fully.

What does not work is one landscape asset scaled to fit a portrait screen. That is the pillarboxing case, and it leaves more of the display black than it fills.

Video walls are one screen, not many

A video wall of four 16:9 panels in a 2x2 grid is a 16:9 surface, because doubling both sides keeps the ratio.

Arrange the same four panels in a row and the surface becomes 64:9, which is nothing like any of them. Content has to be built for the shape of the whole wall, not for one panel, and this is the mistake that turns a video wall into four screens showing the same thing slightly wrong.

The short version

Aspect ratio is shape, resolution is pixel count, and shape is the one that decides whether your content fills the screen.

Nearly everything is 16:9, portrait is the same panel turned on its side at 9:16, and content built at the screen’s own ratio removes the entire class of problem without needing a setting.