The Ultimate Guide to Web Banner Sizes: Maximize Your Reach and Impact

Navigating the world of digital advertising can feel like learning a foreign language, especially when you are confronted with a shifting grid of pixel dimensions. Whether you are launching a Google Display campaign, designing a programmatic media buy, or updating your site’s inventory, getting your web banner sizes right is the difference between a high-performing campaign and wasted budget.

Standardized by the Interactive Advertising Bureau (IAB), web banner sizes ensure that creative assets can seamlessly display across thousands of different publisher sites and ad networks.

The Big Five: The Sizes That Matter Most

If you are working with a tight budget or a streamlined design timeline, you do not need to build dozens of different formats. Roughly 80% to 90% of all standard display inventory is captured by just five key sizes.

| Dimensions (px) | Common Name | Device | Typical Placement |
| :— | :— | :— | :— |
| 300 × 250 | Medium Rectangle | Desktop & Mobile | In-content, sidebars, below articles |
| 728 × 90 | Leaderboard | Desktop | Header, footer, or above main content |
| 160 × 600 | Wide Skyscraper | Desktop | Right rail or sidebars (often sticky) |
| 300 × 600 | Half-Page (Large Format) | Desktop | Sidebars, embedded between text blocks |
| 320 × 50 | Mobile Banner | Mobile | Top or bottom of mobile web pages |

Deep Dive Into Core Web Banner Formats

1. The Medium Rectangle (300 × 250 px)

• The Undisputed King: If you only build one banner size, make it this one.
• Why it works: It is versatile. It fits neatly inside mobile feeds, sidebars, and natively embedded right inside article content. Because it blends smoothly into content streams, it consistently earns some of the highest click-through rates (CTR) in display advertising.

2. The Leaderboard (728 × 90 px)

• The Classic Header: Traditionally positioned right at the top of a desktop page (just under the main navigation menu) or at the very footer.
• Why it works: High initial visibility. Because it sits “above the fold,” users see it immediately upon loading a page. Note that this is strictly a desktop format; trying to force a 728×90 onto a mobile screen will break layouts.

3. The Wide Skyscraper (160 × 600 px)

• The Vertical Sidekick: Built for vertical real estate, this tall format hugs the left or right rail of desktop layouts.
• Why it works: Many publishers program these to be “sticky,” meaning they follow the user down the page as they scroll. This provides sustained brand exposure rather than a fleeting glance.

4. The Half-Page Ad (300 × 600 px)

• The High-Impact Canvas: Twice the height of a medium rectangle, this format offers massive creative freedom.
• Why it works: Advertisers love it because it behaves like a half-page magazine ad, allowing for striking imagery, bold value propositions, and clear calls to action. It commands high viewability and premium publisher rates.

5. The Mobile Banner (320 × 50 px & 320 × 100 px)

• The Pocket-Sized Workhorse: Designed specifically for smartphones. The standard 320×50 sits snugly at the screen’s edge, while its taller sibling, the 320×100 (Large Mobile Banner), gives you double the vertical flexibility for a more legible text-and-button combo.

Best Practices for Designing High-Converting Banners

Knowing the dimensions is only half the battle. To turn pixels into profits, keep these design rules in mind:

• Keep File Sizes Lean: Most major networks enforce a strict 150 KB max file size limit for standard web banners. Heavy animations or uncompressed PNGs will cause slow load times, lowering your ad’s viewability score.
• Respect the Three-Second Rule: A user should understand your brand, your offer, and your call-to-action (CTA) in a single glance. Avoid massive paragraphs.
• Anchor with a Clear CTA: Use a contrasting button or text link (