The Ultimate Guide to Web Banner Dimensions: Master Standard Sizes

Whether you are launching your first digital marketing campaign, redesigning a website, or setting up ad inventory, understanding web banner dimensions is essential. In the world of digital advertising, sizes are standardized by organizations like the Interactive Advertising Bureau (IAB) to ensure creatives fit seamlessly across different publishers, platforms, and devices.

Using the wrong dimensions can lead to distorted graphics, rejected ads by networks, or poor engagement. This guide breaks down the standard web banner sizes you need to know and how to deploy them effectively.

The Top 5 Standard Web Banner Sizes

If you are working with a tight budget or need a streamlined creative production set, focusing on the most high-performing, universally accepted sizes is the best approach.

• 300×250 px (Medium Rectangle): Widely considered the single most important display ad size. It works equally well on desktop and mobile, fits naturally inside content or sidebars, and is accepted by virtually every ad network.
• 728×90 px (Leaderboard): The classic desktop header banner. Positioned at the top of a webpage right below the navigation menu, it offers high visibility for brand awareness.
• 320×50 px (Mobile Leaderboard): The baseline mobile banner format. It anchors to the top or bottom of smartphone screens to capture traffic on the go.
• 160×600 px (Wide Skyscraper): A vertical format built for desktop sidebars. Because it runs parallel to the content as users scroll, it maintains long-term visibility.
• 300×600 px (Half-Page): A high-impact vertical unit that provides ample creative space for storytelling, striking high viewability rates.

Comprehensive Quick-Reference Table

To help you plan your design assets, here is a breakdown of the most common web banner dimensions, their names, target devices, and standard placements:

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

Desktop vs. Mobile Strategy

One of the most common mistakes in digital design is attempting to recycle a desktop banner directly onto mobile screens (or vice versa).

• Desktop Layouts: Focus on wide or tall spaces where users have expansive viewport layouts. Formats like the 728×90 Leaderboard or 160×600 Skyscraper excel here.
• Mobile Layouts: Given that mobile devices drive a major share of web traffic, prioritizing formats like the 320×50 or 320×100 is non-negotiable. Because space is limited, keep mobile text concise, use a clean brand logo, and include a clear, tappable Call to Action (CTA).

Design Tip: Always check technical requirements before exporting your files. Most ad platforms enforce strict file size limits (often under 150 KB for standard display banners) to ensure fast webpage loading times.

Conclusion

Choosing the right web banner dimensions bridges the gap between creative design and technical performance. By sticking to established IAB standards like the 300×250 Medium Rectangle and 728×90 Leaderboard, you maximize your reach across multiple platforms while keeping your campaigns polished and professional.