Standard Web Banner Dimensions Guide & Sizes (2026)

Navigating web banner dimensions can make or break a digital marketing campaign. Whether you are designing ads for the Google Display Network, social media channels, or a bespoke publisher site, getting the pixel counts right ensures your visuals look crisp, professional, and properly placed without awkward cropping or distortion.

The Most Popular & High-Performing Banner Sizes

While dozens of custom sizes exist, a core set of standard dimensions established by the Interactive Advertising Bureau (IAB) accounts for the vast majority of digital ad traffic. Focusing on these core sizes guarantees compatibility across most publisher websites.

1. Rectangles and Squares

These are the workhorses of display advertising. They typically sit within content blocks or in website sidebars, blending naturally with articles and blog posts.

• Medium Rectangle (300 x 250 px): Often called the “MREC,” this is the most common and highest-performing ad size across the web because it fits seamlessly into mobile and desktop content streams.
• Large Rectangle (336 x 280 px): Slightly larger than the MREC, offering more real estate for compelling text and graphics.
• Square (250 x 250 px) & Small Square (200 x 200 px): Compact options great for tighter sidebar spaces.

2. Leaderboards and Horizontal Banners

These wide formats are typically positioned at the very top of a webpage (above the fold) or directly beneath header navigation.

• Standard Leaderboard (728 x 90 px): A classic desktop header banner that commands high visibility.
• Large Leaderboard (970 x 90 px): An extended version offering extra horizontal breathing room for brand messaging.
• Billboard (970 x 250 px): A massive, high-impact billboard format usually reserved for premium brand takeovers at the top of a page.
• Mobile Leaderboard (320 x 50 px / 320 x 100 px): Essential narrow formats optimized for smartphones and mobile web browsers.

3. Skyscrapers and Vertical Banners

Designed for sidebar placement on desktop layouts, vertical banners remain in view as users scroll down the page.

• Half Page / Large Skyscraper (300 x 600 px): One of the fastest-growing formats due to its large canvas size, providing ample space for storytelling and strong calls to action.
• Wide Skyscraper (160 x 600 px): A tall, narrow column ad perfect for vertical sidebars.

Quick Reference Comparison Table

| Ad Format Name | Dimensions (Width x Height) | Primary Placement / Device |
| :— | :— | :— |
| Medium Rectangle (MREC) | 300 x 250 px | In-content / Sidebar (Desktop & Mobile) |
| Leaderboard | 728 x 90 px | Header / Above the fold (Desktop) |
| Half Page | 300 x 600 px | Sidebar / High-impact view (Desktop) |
| Mobile Banner | 320 x 50 px | Sticky header or footer (Mobile) |
| Billboard | 970 x 250 px | Premium homepage takeover (Desktop) |

Best Practices for Web Banner Design

1. Design for Retina & High-DPI Screens: Always design your raster assets at 2x resolution (