Web Banner Sizes: Complete Dimensions Guide

Demystifying Web Banner Sizes: The Definitive Guide to Display Ad Dimensions

Whether you are launching your first programmatic display campaign or looking to optimize an existing suite of digital creatives, understanding web banner sizes is non-negotiable. While modern ad networks heavily rely on responsive formats powered by machine learning, standard fixed-dimension banner sizes remain the universal currency of the internet.

Established largely by the Interactive Advertising Bureau (IAB), these standardized pixel dimensions ensure that an asset built for one publisher can seamlessly serve across thousands of other websites and apps.

Below is everything you need to know about navigating web banner dimensions, prioritizing your layout strategy, and designing creatives that convert.

The Big Five: The Core Banner Sizes You Can’t Ignore

If your design budget or timeline is tight, you don’t need to build all twenty variations floating around the web. Approximately 70% to 80% of all programmatic display impressions are captured by just five high-volume formats.

| Format Name | Dimensions (px) | Primary Device | Share of Inventory / Impact |
| :— | :— | :— | :— |
| Medium Rectangle | 300 × 250 | Desktop & Mobile | The undisputed heavyweight champion; highest overall fill rate and volume. |
| Leaderboard | 728 × 90 | Desktop | The classic top-of-page header strip; brilliant for broad brand awareness. |
| Wide Skyscraper | 160 × 600 | Desktop | Vertical sidebar unit; stays prominent as users scroll down long-form content. |
| Half-Page (Large Skyscraper) | 300 × 600 | Desktop & Mobile | Massive high-impact canvas; exceptional for rich storytelling and high viewability. |
| Mobile Banner | 320 × 50 | Mobile | The essential baseline for mobile web pages and sticky bottom/top bars. |

Breaking Down the Formats by Use Case

1. Desktop Workhorses

• Leaderboard (728 × 90): Traditionally positioned at the very top of a page right beneath navigation menus. Because it sits “above the fold,” it delivers immediate visual impact. Note that it is strictly for desktop screens and is too wide for mobile devices.
• Billboard (970 × 250): A massive desktop banner designed for high-impact brand takeovers. While it commands a higher cost and has more limited inventory, its viewability scores are remarkably high.
• Wide Skyscraper (160 × 600) & Half-Page (300 × 600): These occupy the right-hand or left-hand side rails of desktop layouts. The 300 × 600 half-page format has seen explosive growth because its sheer canvas size allows brands to design immersive, narrative-driven ads rather than cramped text blocks.

2. The Multi-Device Champion

• Medium Rectangle (300 × 250): If you can only build one banner size, make it this one. It fits snugly inside article content (between paragraphs), anchors sidebars, and scales gracefully into mobile web layouts. It boasts some of the highest click-through rates (CTR) in standard display advertising.
• Large Rectangle (336 × 280): A slightly bulkier alternative to the 300 × 250. It captures many of the same in-content placements but gives designers just enough extra breathing room for richer product imagery.

3. Mobile Essentials

• Mobile Banner (320 × 50) & Large Mobile Banner (320 × 100): Given that mobile traffic drives the majority of web browsing, these sticky headers or footers keep your brand visible without completely obscuring the user’s reading experience. The 320 × 100 double-height variation gives you enough vertical room to incorporate a clear, legible call-to-action (CTA) button.

Technical Specs and Best Practices

Designing a visually striking banner is only half the battle; your files must also comply with strict network constraints to ensure fast loading times.

Crucial Rule of Thumb: Keep static image ads (JPEG, PNG, GIF) under 150 KB. Major networks like the Google Display Network enforce this limit strictly. Exceeding it can lead to ad rejection or delayed rendering.

• File Formats: Use JPEG for photographic backgrounds, PNG for sharp graphics or transparent logos, and GIF for simple animations. For advanced interactive motion, HTML5 packages (zipped) are widely accepted, provided they include a static fallback image.
• Design Hierarchies: Smaller banners (like 320 × 50 or 728 × 90) require radical simplicity. Stick to a bold logo, a short value proposition, and a definitive CTA button. Do not try to fit paragraphs of text into a narrow horizontal strip.
• The Responsive Counterweight: While platforms increasingly push automated Responsive Display Ads (RDAs)—where you upload a handful of modular images and text lines for AI to mix and match—having a set of custom-designed, fixed-size master banners grants you absolute control over your visual branding, typography, and composition.

Summary Strategy: How Many Sizes Should You Build?

• Tight Budget (3 sizes): Build the 300 × 250, 728 × 90, and 320 × 50. This trio covers your primary desktop and mobile bases.
• Standard Campaign (5 sizes): Add the 160 × 600 and 300 × 600. This unlocks premium sidebar and high-impact vertical inventory, dramatically expanding your campaign’s reach and impression potential.