Picking Ad Proportions When Your Canvas Scrolls and Shifts

PixelAdBoard editorial ·

Formerly the grand HQ of the River Wear Commissioners, the building received a huge facelift in 2020 and is now set to be the primary business address in Sunderland for years to come. Sunderland is a city in growth, having receiving signifi
Illustrative image. AdavoWorkspace · CC BY-SA 4.0 · Cropped and resized. Image source

Most people think of an ad's shape as a design decision made once, in a file, before anything goes live. On a scrolling pixel board the picture is less fixed. The shape you pick determines how your message is framed, but the size a reader actually sees depends on the device in their hand, the ads placed around yours, and the layout rules of the board itself. Before you choose a proportion for a modest experiment, it helps to understand what you are really controlling and what you are leaving to the environment. This guide walks through that reasoning so you can make a deliberate choice rather than guessing.

Separate the shape from the footprint

An aspect ratio describes the relationship between width and height. A wide banner and a square tile can contain the same number of pixels and still communicate very differently. The shape tells the reader how the message is arranged; the footprint tells you how much visual space that arrangement occupies on a given screen. These are related but not identical, and confusing them is the most common mistake small advertisers make.

On a responsive board, the displayed footprint is not something you can fully set. Your chosen dimensions establish a proportion that the platform preserves, but the rendered size can shift with the width of the screen and with the advertising around you. A wide shape on a narrow phone may look modest, while the same shape on a larger monitor may feel generous. Plan for the range rather than a single picture.

Match the shape to the message you can fit

Start with the words, not the box. Write the single line you want a reader to retain, then count how many characters and how many distinct visual elements you need. A short phrase with one icon suits a compact square. A phrase with a secondary supporting line and a simple mark often needs a wider banner so the lines do not crowd each other.

Tall shapes work best when your message stacks naturally, such as a short headline above a single image. They can feel awkward for long phrases because the reader's eye has to travel vertically, and on a scrolling surface the lower part may be partly out of view when the ad first appears. If your message is primarily horizontal, a wide format is usually the more honest choice.

Keep text large enough to read at the smallest plausible footprint. If a line only remains legible when the ad is shown at its largest size, the shape is probably too ambitious for a small test. Shrink the message until it survives the smallest realistic rendering.

Understand how the lead position changes the picture

The first position on a board draws the most attention and, on a phone, expands to fill the width of the screen. That means a wide lead area may be shown at a size far larger than its neighbors, which can be an advantage for simple, bold designs and a liability for busy ones. A complex layout stretched across the full phone width can look blurry or sparse depending on how the image scales.

Lower-cost positions further down the board are rendered at their own proportions and often sit beside other ads of different shapes. When your ad sits next to a tall tile, a wide banner can look like a strip of text between taller neighbors. Think about what your shape will look like in the company it is most likely to keep, not just in isolation.

A checklist before you commit to a shape

Before you choose a format for a modest experiment, work through these questions in order. First, write the one message you want a reader to remember and confirm it fits in one or two short lines. Second, decide whether that message is primarily horizontal or stacked, and choose a wide or tall proportion to match. Third, render your artwork at the smallest size you expect and confirm the text is still readable. Fourth, imagine the ad beside two or three neighbors of different shapes and check whether it still reads as its own unit. Fifth, confirm the exact dimensions and the quoted price for that placement before bidding, since larger areas cost more and the live quote is what counts.

A simple comparison helps as well. A compact square favors one symbol or one short phrase and tends to be cheaper to hold. A banner favors a sentence and a supporting line. A custom larger area favors more detail but requires a stronger reason, because the extra space has to earn its cost in clarity rather than decoration.

Test shape as one variable at a time

If you run more than one experiment, change only the aspect ratio while holding the wording, color palette, and call to action steady. Otherwise you cannot tell whether a difference in response came from the shape or from the words. Record the placement, the dimensions, the date, and the price you paid so the comparison is grounded in facts rather than memory.

Set your stopping rules before you start. Decide in advance how long the test will run and what difference would justify changing your approach. Treat any result as a signal about one modest experiment, not as proof of how a format will always perform. A shape that worked once may behave differently next week as the surrounding board changes.