Standard Web Banner Dimensions Guide: Sizes & Examples

The Ultimate Guide to Web Banner Dimensions: Sizes, Specs, and Best Practices for Digital Ads

Whether you are launching a high-converting digital marketing campaign, designing a brand awareness push, or setting up Google Display Network (GDN) ads, getting your banner sizes right is crucial. An improperly sized banner will look blurry, get awkwardly cropped, or—even worse—get rejected by ad platforms entirely.

Mastering web banner dimensions ensures your visuals look sharp, professional, and optimized for maximum click-through rates (CTR) across every device.

Why Web Banner Dimensions Matter

In digital advertising, size isn’t just about aesthetics; it dictates performance and reach.

• Platform Compliance: Major networks like Google, Meta, and programmatic exchanges have strict pixel dimension rules. If your creative doesn’t fit, it won’t run.
• User Experience (UX): A well-proportioned banner integrates smoothly into a webpage layout without disrupting the user’s reading flow.
• Performance Impact: Standardized sizes allow publishers to allocate dedicated ad real estate, maximizing your ad’s visibility.

The Most Popular & High-Performing Banner Sizes

While dozens of ad sizes exist, a handful of dimensions drive the vast majority of traffic and conversions across the web. Focusing your design efforts on these core sizes gives you the best return on investment (ROI).

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

• Best For: Embedded within article content, sidebar widgets, and mobile web pages.
• Why it works: This is the workhorse of digital advertising. Because it fits naturally inside text content, it consistently boasts high viewability and robust click-through rates. If you can only design for one size, make it this one.

2. Leaderboard ($728 times 90$ px)

• Best For: Top of website pages (above the fold) and header sections.
• Why it works: Positioned right where a user’s eyes land first, the leaderboard offers prime brand exposure. However, because it sits at the very top, it faces high competition and can suffer banner blindness if the design isn’t compelling.

3. Half Page / Large Rectangle ($300 times 600$ px)

• Best For: High-impact visual storytelling, sticky sidebars, and premium display placements.
• Why it works: Offering double the vertical real estate of a medium rectangle, the half page is a powerhouse for rich visuals, bold typography, and clear calls-to-action (CTAs). It commands attention and delivers higher engagement.

4. Large Mobile Banner ($320 times 100$ px)

• Best For: Mobile-optimized websites and app headers/footers.
• Why it works: Standard mobile banners ($320 times 50$ px) can feel cramped. The $320 times 100$ format provides twice the height, giving text and CTAs much-needed breathing room on smartphones.

5. Skyscraper ($160 times 600$ px)

• Best For: Vertical sidebars on desktop websites.
• Why it works: Perfect for widescreen desktop layouts, skyscrapers stay in the user’s peripheral vision as they scroll down long-form content, making them great for sustained brand recall.

Quick Reference: Standard Ad Sizes Cheat Sheet

| Ad Format | Dimensions ($pixels$) | Common Placement | Device Focus |
| :— | :— | :— | :— |
| Medium Rectangle | $300 times 250$ | In-content / Sidebar | Desktop & Mobile |
| Leaderboard | $728 times 90$ | Header / Top of page | Desktop |
| Half Page | $300 times 600$ | Sidebar / High-impact | Desktop & Tablet |
| Large Mobile Banner | $320 times 100$ | Mobile web top/bottom | Mobile |
| Wide Skyscraper | $160 times 600$ | Vertical sidebars | Desktop |
| Billboard | $970 times 250$ | Premium top-of-page | Desktop |

Best Practices for Designing High-Converting Banners

Knowing the dimensions is only half the battle. To turn passive scrollers into active customers, follow these core design principles:

“Keep it simple, clear, and action-oriented. A banner is an invitation, not a landing page.”

• Prioritize the Hierarchy: Every banner needs a clear focal point. Lead with your hook or value proposition, follow with supporting imagery, and anchor the bottom or corner with a distinct CTA button (