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

If you have ever tried to launch a digital advertising campaign, you have likely run into a dizzying array of pixel dimensions. From giant leaderboards to subtle skyscrapers, choosing the right banner size can make or break your campaign’s performance.

Designers, marketers, and business owners often wonder: Which banner sizes actually matter?

This comprehensive guide explores standard web banner sizes, why they work, and how to pick the right dimensions to maximize your click-through rates (CTR) and conversions.

Why Standard Banner Sizes Matter

Ad networks (like Google Display Network) and publisher websites rely on standardized dimensions to ensure ads load quickly, look professional, and fit seamlessly into web layouts.

Sticking to industry standards offers several advantages:

• Maximum Reach: Standard sizes are accepted across millions of websites and apps.
• Higher Efficiency: You don’t have to redesign custom assets for every single publisher.
• Better User Experience: Ads that fit natural layout “hotspots” are less jarring and more likely to be engaged with.

The Big Four: The High-Performing Standard Sizes

While dozens of sizes exist, a small handful drive the vast majority of impressions and clicks across the web. If you are strapped for time or budget, start with these four heavy hitters:

1. Medium Rectangle (300 x 250 px)

• Best for: Embedded within text content, sidebar widgets, and mobile web pages.
• Why it works: It is the undisputed workhorse of digital advertising. Because it fits neatly inside content paragraphs and sidebars, it boasts high inventory availability and strong engagement rates across both desktop and mobile devices.

2. Large Rectangle (336 x 280 px)

• Best for: High-impact text wrapping and content integration.
• Why it works: Slightly larger than its 300×250 counterpart, it captures attention effectively, though it has slightly fewer overall publisher placements.

3. Leaderboard (728 x 90 px)

• Best for: Top-of-page header placement and forums.
• Why it works: Positionched “above the fold” where users look first, leaderboards capture high visibility immediately upon page load.

4. Half Page / Large Skyscraper (300 x 600 px)

• Best for: High-impact visual branding and storytelling.
• Why it works: Often called a “half-page” ad because it takes up a substantial vertical block of a webpage, this format provides plenty of room for striking graphics, compelling copy, and strong calls to action (CTAs).

Complete Standard Banner Size Cheat Sheet

To help you plan your next design sprint, here is a breakdown of standard ad sizes organized by category:

| Category | Dimensions (Width x Height) | Common Placement / Notes |
| :— | :— | :— |
| Leaderboards | 728 x 90 px | Standard Leaderboard (Top of page) |
| | 970 x 90 px | Large Leaderboard (Premium top-of-page placements) |
| | 970 x 250 px | Billboard (Massive impact, often at the very top) |
| Rectangles & Squares | 300 x 250 px | Medium Rectangle (The industry standard) |
| | 336 x 280 px | Large Rectangle |
| | 250 x 250 px | Square |
| | 200 x 200 px | Small Square (Often used in tight sidebars) |
| Skyscrapers | 160 x 600 px | Wide Skyscraper (Sidebar staple) |
| | 120 x 600 px | Skyscraper (Narrower sidebar format) |
| | 300 x 600 px | Half Page (High visual impact) |
| Mobile Specific | 320 x 50 px | Mobile Leaderboard (Smartphone screens) |
| | 320 x 100 px | Large Mobile Banner (Double the height for better legibility) |

Best Practices for Designing High-Converting Banners

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

• Keep it Simple & Clutter-Free: Avoid cramming too much text or imagery into small spaces. Pick one clear message and one dominant visual.
• Make the CTA Obvious: Whether it is a button that says “Shop Now” or “Learn More,” your call to action should stand out immediately.
• Maintain Brand Consistency: Ensure your brand colors, fonts, and logos match your landing page so users feel confident when they click through.
• Design for Mobile First: With the majority of web traffic originating from mobile devices, always check how your banners scale on smaller screens (especially 300×250 and 320×50 formats).
• Watch File Sizes: Heavy animation or large file sizes can slow down page loading times, causing ad networks to reject your creative or users to scroll past before it renders.

Conclusion

Navigating web banner sizes doesn’t have to be overwhelming. By focusing your efforts on core performers like the 300 x 250 Medium Rectangle, 728 x 90 Leaderboard, and 300 x 600 Half Page, you will cover the vast majority of high-converting inventory across the web.