Standard Web Banner Sizes: The Complete Guide for 2026

Demystifying Standard Web Banner Sizes: The Ultimate Design and Placement Guide

In the fast-paced world of digital marketing, first impressions happen in milliseconds. Whether you are running programmatic display campaigns, launching a remarketing push, or designing ads for your own website, web banners serve as your brand’s digital billboards.

However, a brilliantly designed ad is completely useless if it doesn’t fit the designated ad slot. If an image is distorted, clipped, or rejected by an ad network due to incorrect dimensions, your marketing budget leaks away.

This guide breaks down everything you need to know about standard web banner sizes, where to use them, and how to design ads that actually convert.

The Powerhouse Formats: Most Common Banner Sizes

While dozens of dimensions exist across the web, the Interactive Advertising Bureau (IAB) and major ad networks (like Google AdSense and Display & Video 360) have standardized a core group of sizes that account for the vast majority of all digital ad impressions.

1. The Medium Rectangle (300 $times$ 250 px)

• Best For: Embedded within article content, sidebars, and mobile web pages.
• Why it works: This is widely considered the workhorse of display advertising. Because it fits neatly inside most content flows and sidebars, it enjoys high viewability and broad inventory across almost every publisher site on the internet.

2. The Leaderboard (728 $times$ 90 px)

• Best For: Top of website pages (header space), below navigation bars, and forum listings.
• Why it works: Historically one of the first standard banner formats, the leaderboard commands prime real estate at the very top of a desktop screen. While viewability can be high, it competes directly with site navigation and branding.

3. The Large Leaderboard (970 $times$ 90 px)

• Best For: High-impact brand awareness campaigns on premium publisher sites.
• Why it works: Offering more horizontal space than its 728px counterpart, this format allows for bolder typography, striking imagery, and more breathing room for your value proposition.

4. The Half Page / Skyscraper (300 $times$ 600 px)

• Best For: Sidebar placements, long-form editorial content, and high-impact storytelling.
• Why it works: Often called a “half page” ad because it takes up a massive visual footprint on a screen, this format provides twice the vertical canvas of a medium rectangle. Advertisers love it because it captures deep user attention and drives higher click-through rates (CTR).

Quick Reference: Standard Banner Dimensions

| Ad Format Name | Dimensions (Width $times$ Height in Pixels) | Primary Placement |
| :— | :— | :— |
| Medium Rectangle | $300 times 250$ | In-content / Sidebar |
| Leaderboard | $728 times 90$ | Top of header |
| Large Leaderboard | $970 times 90$ | Premium top header |
| Half Page / Skyscraper | $300 times 600$ | Wide sidebar |
| Mobile Leaderboard | $320 times 50$ | Mobile screen top/bottom |
| Large Mobile Banner | $320 times 100$ | Mobile screen high-impact |

Mobile-First Banner Sizes

With mobile traffic dominating global internet usage, designing specifically for smaller screens is no longer optional.

• Mobile Leaderboard ($320 times 50$ px): The standard mobile banner size for smartphones. It sits snugly at the top or bottom of mobile apps and web pages. Because space is at a premium, clarity and brevity are critical.
• Large Mobile Banner ($320 times 100$ px): Offering double the height of the standard mobile leaderboard, this gives you enough vertical room to include a legible headline and a distinct call-to-action (CTA) button without feeling overly cluttered.

Best Practices for High-Converting Web Banners

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

The Golden Rule of Display Ads: Simplicity wins. Users rarely stare at display banners; they scan them in a fraction of a second. If your message isn’t instantly clear, you’ve lost them.

1. Keep Your Message Focused: Stick to one primary idea or offer per banner. Trying to squeeze three value propositions, a company history, and a logo into a $300 times 250$ box results in visual noise.
2. Include a Clear Call-to-Action (CTA): Tell the user exactly what to do next. Use contrasting button colors for phrases like “Shop Now”, “Learn More”, or “Claim Offer”.
3. Prioritize Brand Recognition: Always include your company logo and maintain consistent brand colors and typography. Even if users don’t click immediately, repeated exposure builds subconscious brand recall.
4. Optimize File Sizes: Heavy files slow down page load times, which hurts viewability and can cause ad networks to reject your creative. Keep static images compressed (under 150KB where possible) and HTML5 animations lightweight.
5. Design for Context: Remember that your banners may appear on white, dark, or busy textured backgrounds. Adding a subtle 1-pixel border to transparent or white-background banners ensures they don’t blend invisibly into a publisher’s website layout.

Conclusion

Mastering standard web banner sizes ensures your creative assets are versatile, professional, and ready to deploy across any campaign network. By focusing on the core dimensions—like the $300 times 250$ rectangle and $728 times 90$ leaderboard—you cover the vast majority of high-traffic digital inventory while setting your creative team up for success.