Standard Banner Size Guide: Dimensions & Examples

Understanding standard banner sizes is essential whether you are launching your first digital advertising campaign, designing a new website, or trying to monetize a blog. In the digital marketing ecosystem, consistency is what keeps programmatic ad exchanges running smoothly. Without universal standards, every publisher would have a unique layout, making automated bidding and creative production an administrative nightmare.

The Interactive Advertising Bureau (IAB) has long maintained the blueprint for these dimensions, ensuring that an ad designed in New York can instantly serve on a publisher’s site in Tokyo.

The “Big Five” Banner Sizes You Need to Know

While dozens of dimensions exist in the IAB framework, a handful dominate the market. If you are working with a limited design budget or building a starter creative checklist, these five formats capture the vast majority of all web and mobile inventory.

1. The Medium Rectangle ($300 times 250$ px)

• Where it lives: In-content (embedded inside articles), sidebars, and mobile web pages.
• Why it matters: Widely considered the single most important display ad size on the internet. Because it is compact yet versatile, it fits naturally into editorial layouts without disrupting the user experience. It is one of the few formats that performs exceptionally well on both desktop and mobile devices.

2. The Leaderboard ($728 times 90$ px)

• Where it lives: The very top of a desktop website (often right below the navigation header) or occasionally at the footer.
• Why it matters: This is the classic horizontal banner. It sits “above the fold”, making it one of the first things a user sees when landing on a page. It is heavily utilized for brand awareness campaigns, though its viewability can sometimes suffer if users quickly scroll past it.

3. The Wide Skyscraper ($160 times 600$ px)

• Where it lives: The left or right vertical sidebar of a desktop website.
• Why it matters: Designed to occupy vertical whitespace, skyscrapers are frequently “sticky”—meaning they stay anchored in view as the user scrolls down long-form content. This persistent visibility makes them reliable drivers of sustained brand recall.

4. The Half-Page / Large Skyscraper ($300 times 600$ px)

• Where it lives: Desktop sidebars or embedded alongside high-impact editorial features.
• Why it matters: Despite the name “half-page,” it doesn’t take up half the screen, but it is significantly larger and bolder than standard formats. Because of its substantial canvas size, it boasts some of the highest viewability and engagement rates in display advertising, giving creative teams room to tell a visual story.

5. The Mobile Banner ($320 times 50$ px)

• Where it lives: Anchored tightly to the top or bottom of a mobile phone screen or in-app view.
• Why it matters: With mobile traffic dominating global web consumption, this is the default anchor unit for mobile web monetization. Space is tight, meaning successful designs rely on minimal text, a clear logo, and an unmistakable call to action (CTA).

Complete Reference: Standard IAB Ad Sizes

| Dimensions (Pixels) | Common Name | Target Device | Typical Placement | Primary Purpose |
| :— | :— | :— | :— | :— |
| $300 times 250$ | Medium Rectangle | Universal (Desktop & Mobile) | In-content, sidebars | General conversions, high fill-rate coverage |
| $728 times 90$ | Leaderboard | Desktop | Header / above the fold | Brand awareness |
| $160 times 600$ | Wide Skyscraper | Desktop | Sidebars (often sticky) | Persistent side visibility |
| $300 times 600$ | Half-Page | Desktop (and large tablets) | Sidebars, premium spaces | High-impact visual storytelling |
| $320 times 50$ | Mobile Leaderboard | Mobile | Top or bottom of mobile screen | Mobile web & app monetization |
| $320 times 100$ | Large Mobile Banner | Mobile | Anchor / in-content mobile | Higher-impact mobile messaging |
| $970 times 250$ | Billboard | Desktop | Premium header takeovers | High-impact product launches |
| $336 times 280$ | Large Rectangle | Desktop | In-content (alternative to $300 times 250$) | Expanded in-article engagement |

Strategic Tips for Designing Standard Banners

1. Prioritize the Asset Hierarchy: On smaller sizes like the $320 times 50$ mobile banner, you have seconds to make an impression. Focus strictly on your brand logo, a punchy 3-to-5 word value proposition, and a distinct button.
2. Respect Technical Limits: Most programmatic networks cap standard image/HTML5 banner file sizes around 150 KB to ensure rapid page load times. Heavy files result in sluggish rendering, which harms ad viewability.
3. Adopt a Multi-Format Mindset: If you have the resources, don’t just build a single size. Supplying a core matrix of at least four formats ($300 times 250$, $728 times 90$, $160 times 600$, and $320 times 50$) drastically expands your eligible ad inventory across open exchanges.