The Ultimate Guide to Standard Web Banner Sizes: Navigating Display Advertising

In the fast-paced world of digital marketing, capturing a user’s attention takes mere seconds. Whether you are running a branding campaign or driving direct response conversions, your ad creative needs to fit seamlessly into the digital ecosystem. That is where standard web banner sizes come in.

Established and maintained by the Interactive Advertising Bureau (IAB), standardized ad dimensions ensure that a single piece of creative can run across thousands of different publishers, ad exchanges, and networks without distortion. Understanding these dimensions is the backbone of efficient, high-performing media buying.

The Core “Big Five” Banner Sizes

While dozens of dimensions exist, five core sizes capture the vast majority of all display inventory across desktop and mobile networks. If you are launching a campaign, these are the non-negotiable foundations.

• 300×250 px (Medium Rectangle): Widely considered the single most important ad size in digital marketing. It fits snugly into mobile feeds, sidebars, and embedded right inside article content. Because it functions seamlessly on both desktop and mobile, it often yields the highest click-through rates.
• 728×90 px (Leaderboard): The classic desktop header banner. Positioned right at the top of a webpage—usually just below the main site navigation—it boasts high visibility, making it a favorite for brand awareness campaigns.
• 160×600 px (Wide Skyscraper): A vertical powerhouse built for desktop sidebars. Skyscrapers are frequently “sticky,” meaning they stay pinned in view as the user scrolls down a page, securing sustained visual exposure.
• 300×600 px (Half-Page): Offering double the vertical space of a medium rectangle, this high-impact unit commands attention. It provides ample creative freedom for immersive storytelling, video integration, or bold value propositions.
• 320×50 px (Mobile Banner): The cornerstone of mobile web advertising. Sitting quietly at the top or bottom of a smartphone screen, it delivers near-universal fill rates across mobile traffic without completely disrupting the user experience.

Quick Reference: Standard Banner Ad Dimensions

| Size (Pixels) | Common Name | Device | Typical Placement |
| :— | :— | :— | :— |
| 300×250 | Medium Rectangle | Desktop & Mobile | In-content, sidebars, below articles |
| 728×90 | Leaderboard | Desktop | Header, footer, above main content |
| 160×600 | Wide Skyscraper | Desktop | Right or left rail (sticky sidebars) |
| 300×600 | Half-Page | Desktop | Premium sidebars, embedded content |
| 320×50 | Mobile Banner | Mobile | Top or bottom of mobile web pages |
| 320×100 | Large Mobile Banner | Mobile | Top or bottom of mobile web pages |
| 970×250 | Billboard | Desktop | Premium header takeovers |
| 336×280 | Large Rectangle | Desktop & Mobile | In-content, alternate to medium rectangle |

Tailoring Your Strategy by Device and Budget

When mapping out a media budget, you don’t necessarily need to design all ten variations right away. Your selection should match your resource constraints and target audience:

1. Tight Budgets (3 Sizes): Focus exclusively on the 300×250, 728×90, and 320×50. This trio covers foundational desktop and mobile inventory effectively.
2. Standard Budgets (5–6 Sizes): Add the 160×600 skyscraper, 300×600 half-page, and optionally the 320×100 large mobile banner. This ensures strong visibility across rich editorial layouts and high-traffic mobile zones.
3. Full-Scale Campaigns (8+ Sizes): Incorporate premium high-impact placements like the 970×250 billboard and 336×280 large rectangle to maximize publisher reach and lower overall cost-per-impression (CPM) through broader network access.

Best Practices for Designing High-Converting Banners

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

• Respect File Size Limits: Most major ad networks enforce a strict limit (typically under 150 KB for standard HTML5 or image banners) to ensure fast page load times. Heavy files risk being throttled or rejected by ad servers.
• Design Independently, Don’t Just Resize: A 728×90 leaderboard is a narrow horizontal strip; trying to forcefully shrink a 300×250 square graphic into it will render your text illegible. Treat each dimension as a unique canvas tailored to its aspect ratio.
• Keep Text Concise: Particularly on mobile units like the 320×50, users skim at lightning speeds. Stick to a punchy headline, a prominent brand logo, and a clear call-to-action (CTA) button.
• Maintain Visual Consistency: While layouts change across sizes, your brand colors, typography, and core imagery must remain consistent to build instant recognition and trust.

By respecting industry standards and focusing on clean, purposeful design, you can maximize your ad inventory access, protect your brand image, and drive meaningful engagement across every screen.