The Anatomy of Conversion: A Complete Guide to Standard Web Banner Sizes

Digital advertising moves at lightning speed, but one fundamental truth remains constant: format matters. Whether you are launching a high-impact Google Display Network campaign, designing custom website takeovers, or promoting a seasonal sale on social media, using the right dimensions can make the difference between an ad that gets ignored and one that drives clicks.

Using incorrect banner sizes can lead to awkward cropping, blurry scaling, and ultimately, wasted ad spend. To help you design with confidence, this guide breaks down the most effective standard web banner sizes, where to use them, and best practices for high-performing creative.

The Big Four: High-Impact Display Ad Sizes

If you are running display campaigns across major networks like Google, the vast majority of your impressions will flow through just a handful of standard dimensions. These four sizes offer the best balance of inventory availability and user engagement:

| Ad Format Name | Dimensions (Pixels) | Best Used For |
| :— | :— | :— |
| Medium Rectangle | $300 times 250$ | Embedded within text content, sidebars, and mobile web pages. |
| Leaderboard | $728 times 90$ | Traditional top-of-page placement on desktop websites. |
| Large Rectangle | $336 times 280$ | High-performing alternative to the medium rectangle with more breathing room. |
| Half Page (Skyscraper) | $300 times 600$ | Immersive, high-impact storytelling and rich media sidebars. |

1. Medium Rectangle ($300 times 250$ pixels)

Often referred to as the workhorse of digital advertising, the medium rectangle is one of the most common and versatile ad sizes on the web.

• Why it works: It fits naturally inside article content and sidebars, meaning users see it as they scroll. Because publishers have a high volume of these slots, your ads will have maximum reach.

2. Leaderboard ($728 times 90$ pixels)

Traditionally placed at the very top of a website header, the leaderboard offers prime real estate for brand awareness.

• Why it works: It is the first thing users see when a page loads. While click-through rates can sometimes be lower than in-content ads due to “banner blindness,” it is unbeatable for visibility.

3. Large Rectangle ($336 times 280$ pixels)

Slightly larger than its $300 times 250$ counterpart, this format provides extra canvas space for bolder visuals and clearer calls to action.

• Why it works: It captures attention effectively when embedded inside text-heavy articles, delivering solid conversion rates.

4. Half Page / Large Skyscraper ($300 times 600$ pixels)

Don’t let the name fool you—this banner takes up half the vertical height of many standard screens, making it a visual powerhouse.

• Why it works: Advertisers love the half page because its expansive canvas allows for rich storytelling, striking photography, and compelling value propositions. It consistently delivers higher engagement rates than smaller banner types.

Mobile-First Ad Sizes

With mobile traffic dominating global internet usage, designing ads specifically for smartphones and tablets is non-negotiable.

• Mobile Leaderboard ($320 times 50$ pixels): The standard banner size for mobile web browsers. It anchors to the top or bottom of a mobile screen, ensuring persistent visibility without completely obstructing user experience.
• Large Mobile Banner ($320 times 100$ pixels): A taller variation of the standard mobile leaderboard, giving you twice the vertical space to display a readable headline and a distinct button.
• Mobile Rectangle ($300 times 250$ pixels): Because this size scales down seamlessly from desktop to mobile screens, it remains a primary format across responsive mobile layouts.

Best Practices for Designing Web Banners That Convert

Knowing the dimensions is only half the battle. To turn passive viewers into active customers, apply these four design principles to your banners:

1. Keep the Message Simple: Users glance at banner ads for less than a second. Stick to one clear headline, a striking visual, and a prominent call-to-action (CTA) button.
2. Design a Clear CTA: Tell people exactly what to do next. Use action-oriented phrases like “Shop Now,” “Learn More,” or “Get Started” inside a clearly defined button.
3. Maintain Visual Hierarchy: Ensure your brand logo, value proposition, and CTA are instantly distinguishable. Avoid cluttering the ad with too much text.
4. Optimize File Sizes: Heavy animation files or uncompressed high-resolution images slow down page load times. Keep file sizes lean (typically under 150KB for standard display networks) to ensure instant rendering.

Conclusion

Choosing the right web banner sizes ensures your campaigns look professional, load quickly, and reach audiences across both desktop and mobile ecosystems. Start with the core high-impact sizes—like the $300 times 250$ rectangle and $728 times 90$ leaderboard—and expand into mobile-specific formats to maximize your brand’s digital footprint.