The Ultimate Guide to Standard Web Banner Sizes (With Cheat Sheet)

Whether you are launching a display advertising campaign for the first time or you are a seasoned marketer looking to optimize your digital assets, getting your banner sizes right is everything.

Using the correct dimensions ensures your designs look sharp, fit seamlessly into publisher websites, and avoid automated cropping that cuts off your call-to-action (CTA).

Why Standard Banner Sizes Matter

Back in the early days of the internet, display ads were a wild west of arbitrary dimensions. Today, the Interactive Advertising Bureau (IAB) has standardized a set of dimensions to help creators, brands, and publishers streamline production.

Sticking to these standard sizes offers several major benefits:

• Wider Inventory Access: Most programmatic ad networks (like Google Display Network) and major media publishers are built to host these specific dimensions.
• Cost Efficiency: Designers can build creative templates once and adapt them across standard layouts rather than reinventing the wheel for every placement.
• Better User Experience: Properly proportioned ads load faster, display cleanly on both desktop and mobile screens, and look professional rather than broken or pixelated.

The Top Performing Web Banner Sizes

While the IAB recognizes dozens of sizes, a handful capture the vast majority of online traffic and engagement.

1. The Medium Rectangle (300 × 250 px)

Often called the workhorse of digital advertising, this is arguably the most important size in your toolkit.

• Best For: Embedding directly inside article content, sidebars, and mobile web pages.
• Why it works: It balances high visibility with an unobtrusive footprint. Because it fits naturally into text-heavy layouts, it consistently drives high click-through rates (CTR).

2. The Leaderboard (728 × 90 px)

A classic desktop staple, the leaderboard sits prominently at the very top of a webpage.

• Best For: Header placements, high-impact brand awareness, and homepage takeovers.
• Why it works: It is one of the first things a user sees when landing on a desktop site, making it prime real estate for catchy headlines and brand logos.

3. The Large Skyscraper (300 × 600 px)

Also known as a half-page ad, this tall format has grown massively in popularity.

• Best For: Desktop sidebars.
• Why it works: Its sheer vertical real estate gives designers plenty of room to tell a visual story, include rich imagery, and add a bold, unmissable CTA.

4. The Mobile Leaderboard (320 × 50 px)

Designed specifically for smartphones, this is the mobile equivalent of the desktop leaderboard.

• Best For: Mobile web browsing and app banner placements (often fixed to the top or bottom of the screen).
• Why it works: It fits cleanly across standard smartphone screens without overwhelming the user experience or triggering accidental clicks.

Quick-Reference Cheat Sheet

Here is a handy summary of the most popular standard web banner sizes categorized by device type:

| Ad Format | Dimensions (Width × Height) | Ideal Placement |
| :— | :— | :— |
| Medium Rectangle | 300 × 250 px | In-content / Sidebar (Desktop & Mobile) |
| Large Rectangle | 336 × 280 px | In-content (Desktop) |
| Leaderboard | 728 × 90 px | Top of page / Header (Desktop) |
| Large Skyscraper | 300 × 600 px | Sidebar (Desktop) |
| Mobile Leaderboard | 320 × 50 px | Top or bottom of screen (Mobile) |
| Half Page / Portrait | 300 × 1050 px | High-impact vertical sidebar |

Best Practices for Designing High-Converting Banners

Knowing the dimensions is only half the battle. To turn passive scrawlers into active customers, keep these design principles in mind:

1. Keep It Simple and Clutter-Free: You have less than two seconds to grab attention. Stick to one clear value proposition, one striking visual, and a distinct CTA button.
2. Prioritize Contrast: Ensure your text stands out clearly against your background. If your copy blends into your image, your message will be lost.
3. Design for Retina Displays: Always export your static banners at 2x resolution (retina/HiDPI) so they remain razor-sharp on high-definition screens.
4. Mind File Weight: Heavy animation files or bloated image sizes slow down page loading times. Optimize your files (using compression tools or modern formats like WebP) to meet publisher limits (typically under 150KB for standard ads).

By aligning your next campaign with these standard web banner sizes and best practices, you will ensure your creatives look professional, perform efficiently, and reach your audience wherever they browse.