The Ultimate Guide to Web Banner Sizes: What You Need to Know

Whether you are launching your first display campaign or managing a multi-channel enterprise media budget, navigating the alphabet soup of digital ad dimensions can feel overwhelming. A campaign that looks stunning on your desktop monitor can easily become clipped, distorted, or rejected entirely if it doesn’t match standard specifications.

Standardized web banner dimensions—governed largely by the Interactive Advertising Bureau (IAB)—ensure that a creative built for one publisher can seamlessly deploy across thousands of others.

The Big Five: The Core Formats That Drive the Web

If your production budget or time is limited, you don’t need to design dozens of variations. A tight, high-performing asset list focusing on the top five high-volume formats will cover roughly 70–80% of all programmatic display inventory on the internet.

| Format Name | Dimensions (px) | Device | Share of Impressions / Impact |
| :— | :— | :— | :— |
| Medium Rectangle | 300 × 250 | Desktop & Mobile | ~34% (The undisputed heavyweight champion) |
| Leaderboard | 728 × 90 | Desktop | ~15% (Classic top-of-page brand banner) |
| Wide Skyscraper | 160 × 600 | Desktop | ~8% (Vertical sidebar staple) |
| Half Page | 300 × 600 | Desktop & Mobile | ~7% (High-impact canvas for storytelling) |
| Mobile Banner | 320 × 50 | Mobile | ~8% (Essential mobile baseline) |

Breaking Down the Heavyweights

1. The Medium Rectangle (300 × 250 px)

Often called the “workhorse” of digital marketing, the 300×250 is universally accepted. Because of its near-square proportions, it fits neatly inside article text, sidebars, and mobile web experiences without breaking the page layout. If you can only build one banner size, start here.

2. The Leaderboard (728 × 90 px)

Positioned horizontally—traditionally right at the top of a page under the primary site navigation—the leaderboard offers immediate, above-the-fold visibility. It is built for brand awareness, anchoring logos, concise value propositions, and a clear call-to-action (CTA) side by side.

3. The Wide Skyscraper (160 × 600 px) & Half Page (300 × 600 px)

If you want room to breathe, vertical sidebars are your friend.

• The 160×600 Skyscraper stays visible for long stretches as users scroll, making it a favorite for sustained brand messaging.
• The 300×600 Half Page gives designers massive visual real estate (double the width of a skyscraper). It commands high viewability scores and is a favorite for rich, immersive product imagery.

4. Mobile Essentials (320 × 50 px and 320 × 100 px)

With mobile traffic capturing the lion’s share of global web browsing, small-screen optimization is non-negotiable.

• The 320×50 Mobile Banner (often called the mobile leaderboard) stays pinned to the top or bottom of a phone screen.
• The 320×100 Large Mobile Banner doubles the vertical height, giving your CTA button enough breathing room to actually be tapped by a human thumb without frustration.

Technical Guardrails: File Sizes and Formats

Designing the right dimensions is only half the battle; your files must also comply with strict network performance limits.

• The 150 KB Rule: Major ad networks like the Google Display Network enforce a strict 150 KB maximum file size for static and standard animated image banners (JPG, PNG, GIF). Heavy files slow down publisher page speeds, which results in ad throttling or rejection.
• HTML5 Standards: For rich, interactive HTML5 ads, initial load weights are typically capped at 150 KB, with higher limits (up to 2.2 MB) permitted for polite secondary loads.
• Asset Formats: Use JPG for photographic imagery, PNG for crisp graphic assets or transparent elements, and keep animated GIFs under 30 seconds with a maximum of 3 loops.

Strategic Checklist for Better Banners

1. Don’t just scale down: You cannot simply shrink a 300×250 layout into a 728×90 strip and expect it to work. Design each aspect ratio natively so the text remains legible.
2. Prioritize the CTA: On smaller formats especially, users look at an ad for less than two seconds. Ensure your value proposition and button (“Shop Now”, “Learn More”) contrast sharply with the background.
3. Leverage Responsive Options: Modern platforms heavily utilize Responsive Display Ads (RDAs), which require assets like 1200×628 landscape images and 1200×1200 square images to automatically mix and match across available spaces. However, keeping a core set of fixed standard banner sizes on hand guarantees precise creative control where it matters most.