In this article
1. What Are Banner & Display Ads?
Banner and display advertising is the oldest and most foundational format in digital media. The first banner ad — a 468x60 pixel rectangle for AT&T — appeared on HotWired.com in October 1994, launching an industry that now generates over $200 billion in annual global spend. Despite three decades of evolution in ad formats, display remains the backbone of programmatic advertising: the default unit of trade in real-time bidding, the creative baseline for brand campaigns, and the inventory type that defines the vast majority of publisher ad slots worldwide.
Display ads occupy defined rectangular slots within a publisher's page layout — above the fold, within article content, in sidebars, or at the bottom of the page. They are visually distinct from the editorial content around them, unlike native ads which blend in. This separation is both a limitation and a strength: display ads are immediately recognizable as advertising, which reduces engagement rates but provides transparency and compliance simplicity that brand advertisers value.
The modern display ecosystem is almost entirely programmatic. Over 90% of display impressions in developed markets are transacted through automated systems — open auctions, private marketplaces, and programmatic guaranteed deals. Manual insertion orders persist only for premium direct-sold sponsorships and custom integrations. This programmatic transformation has made display advertising the most measurable, optimizable, and scalable format in digital media.
2. IAB Standard Banner Sizes
The IAB (Interactive Advertising Bureau) maintains a standardized set of ad unit sizes that publishers implement and advertisers produce creative for. While dozens of sizes exist in the specification, market adoption concentrates on a handful of high-performing units:
| IAB Size | Name | Primary Use | Market Share |
|---|---|---|---|
| 300 x 250 | Medium Rectangle | In-content, sidebar, mobile | ~30% of impressions |
| 728 x 90 | Leaderboard | Above header, page top | ~15% |
| 300 x 600 | Half Page | Sidebar, high-impact | ~12% |
| 320 x 50 | Mobile Banner | Mobile web/app footer or header | ~18% |
| 970 x 250 | Billboard | Premium above-the-fold desktop | ~5% |
| 970 x 90 | Super Leaderboard | Wide desktop header | ~4% |
| 160 x 600 | Wide Skyscraper | Sidebar (legacy) | ~3% |
| 300 x 50 | Mobile Inline | In-feed mobile | ~6% |
The Dominance of 300x250
The Medium Rectangle (300x250) is the single most important ad unit in digital advertising. It works on both desktop and mobile, fits within article content and sidebar layouts, supports both static and rich media creative, and delivers the best combination of viewability and CPM for most publishers. If an advertiser can produce only one creative size, 300x250 is the correct choice. Its universality makes it the default unit for programmatic campaigns, and most DSPs and SSPs treat it as the baseline from which other sizes are evaluated.
Mobile-First Sizes
The 320x50 mobile banner dominates smartphone inventory. It occupies the top or bottom of the viewport without significantly disrupting content consumption. However, its small dimensions limit creative impact — it supports only simple messaging and a logo. For richer mobile experiences, the 300x250 Medium Rectangle and 320x480 (mobile interstitial) deliver far more creative canvas. The industry has been gradually shifting mobile spend toward larger formats that capture more attention, though 320x50 remains the highest-volume mobile unit globally.
High-Impact Desktop Sizes
The 970x250 Billboard and 300x600 Half Page command premium CPMs because of their visual dominance on the page. Billboards span nearly the full width of a desktop viewport and are almost always above the fold, achieving 80–95% viewability. Half Page units occupy substantial sidebar real estate and support rich media, animation, and interactive elements. These sizes are preferred for brand awareness campaigns where visibility and creative impact outweigh efficiency considerations.
3. Creative Specifications
Display ad creatives must conform to strict technical specifications enforced by publishers, ad servers, and exchanges. Non-compliant creatives are rejected before they can serve.
| Spec | Static (Image) | HTML5 / Rich Media |
|---|---|---|
| File Format | JPEG, PNG, GIF | HTML5, CSS3, JS (zipped) |
| Max File Size | 150 KB (standard), 200 KB (large) | 200 KB initial load; 500 KB polite load |
| Dimensions | Exact match to slot size | Exact match to slot size |
| Animation | GIF limited to 30 sec loop | CSS/JS animation, max 30 sec unless user-initiated |
| Click-Through URL | Required, HTTPS preferred | Required, HTTPS required |
| SSL Compliance | All assets must be HTTPS | All sub-resources must be HTTPS |
| Backup Image | N/A | Required for HTML5 creatives (static fallback) |
File Size and Load Performance
File size limits exist because display ads share bandwidth with the publisher's content. An oversized ad creative delays page load, degrades user experience, and increases bounce rates. The IAB recommends that all creative assets (including third-party tracking pixels) load within 2 seconds on a standard broadband connection. The "polite load" concept separates the initial creative (which must load fast) from secondary assets like video or interactive components (which load after the primary creative has rendered). DSPs and ad servers enforce these limits by rejecting creatives that exceed weight thresholds.
Click-Through Requirements
Every display creative must include a valid click-through URL. For static images, this is specified in the ad server configuration. For HTML5 creatives, the click handler must be implemented using the clickTag variable, which the ad server populates dynamically. This ensures that tracking redirects, landing page URLs, and attribution parameters can be injected without modifying the creative file itself.
4. Viewability Benchmarks
Viewability — whether an ad was actually visible to the user — is the most important quality metric in display advertising. An impression that loads but never enters the viewport is worthless regardless of its CPM.
MRC Viewability Standard
The Media Rating Council (MRC) defines the industry-standard viewability threshold for display ads: at least 50% of the creative's pixels must be visible within the browser viewport for a minimum of 1 continuous second. For larger formats (242,500 pixels or more, such as the 970x250 Billboard), the threshold is 30% of pixels visible for 1 second. Video ads have a separate standard: 50% of pixels visible for 2 continuous seconds.
Industry Benchmarks
| Metric | Display (All Sizes) | Premium Publishers | Long-Tail Publishers |
|---|---|---|---|
| Avg. Viewability Rate | 55–65% | 75–90% | 35–50% |
| Avg. Time in View | 8–15 seconds | 15–30 seconds | 3–8 seconds |
| Avg. Viewable CPM (vCPM) | $2.00–$5.00 | $8.00–$20.00 | $0.50–$2.00 |
The gap between premium and long-tail viewability has significant economic implications. A campaign buying at $3 CPM on long-tail inventory with 40% viewability effectively pays $7.50 per viewable impression. A campaign buying at $12 CPM on premium inventory with 85% viewability pays $14.12 per viewable impression. The premium option delivers better creative context and brand safety, but the long-tail option can be more cost-efficient for pure reach campaigns. Smart buyers optimize toward viewable CPM (vCPM) rather than served CPM to account for these differences.
5. Rich Media Extensions
Rich media transforms static banner ads into interactive experiences that capture attention and drive engagement beyond what a flat image can achieve.
Expandable Ads
Expandable units begin at standard banner dimensions and grow to a larger size on user interaction (hover or click). For example, a 300x250 unit might expand to 300x600 or even a full-screen takeover when the user hovers over it. The expanded state reveals additional creative real estate for video, product galleries, configurators, or lead-capture forms. IAB guidelines require that expansion be user-initiated and that the ad include a clear close mechanism. Auto-expanding ads are permitted in some markets but face increasing resistance from publishers and users.
Floating / Sticky Ads
Floating ads remain visible as the user scrolls down the page. They "stick" to a fixed position in the viewport (typically bottom-right or bottom-center) and move with the user's scroll. Sticky placements achieve significantly higher viewability rates (85–95%) compared to standard in-page placements because they maintain visibility throughout the browsing session. However, they must not obstruct content or navigation, and they must include a close button. Publishers typically limit floating ads to one per page to avoid user frustration.
Parallax and Scroll-Triggered Animation
These creatives respond to the user's scroll behavior, revealing animation sequences or story elements as the user scrolls past the ad slot. The creative might start as a static image and progressively reveal layers, text, or product details as scroll depth increases. This technique capitalizes on the natural scrolling behavior of mobile users and creates engagement without requiring a separate click or interaction. Implementation relies on the Intersection Observer API and scroll event listeners within the HTML5 creative.
Video-in-Banner
Video content embedded within a standard banner slot. The video plays inline (usually auto-muted) and delivers the impact of video advertising within a display footprint. VAST and VPAID tags are used to serve video into banner slots, with fallback to a static end-card when the video cannot load. This format bridges the gap between display and video budgets, allowing advertisers to repurpose video assets across display inventory.
6. Programmatic Delivery
Programmatic systems have fundamentally transformed how display advertising is bought and sold. The manual insertion order process — negotiating directly with each publisher, trafficking creatives individually, and reconciling delivery after the flight — has been replaced by automated real-time auctions and pre-negotiated programmatic deals.
Open Auction (RTB)
The open auction is the default programmatic channel. Every impression is offered to all eligible buyers simultaneously through a real-time bidding protocol. Buyers submit bids in milliseconds, and the highest bid wins. Open auctions provide maximum reach and flexibility but offer limited control over publisher quality. DSPs apply pre-bid filters (domain allowlists, viewability thresholds, fraud detection) to manage quality within the open auction.
Private Marketplace (PMP)
PMPs are invitation-only auctions where select publishers offer inventory to a curated group of buyers. The inventory, pricing, and targeting parameters are pre-negotiated. PMPs provide better quality assurance than open auctions while retaining the efficiency of programmatic delivery. They are the preferred channel for brand advertisers who need scale but require publisher transparency.
Programmatic Guaranteed (PG)
PG deals commit a fixed number of impressions at a fixed price, executed through programmatic infrastructure. Unlike PMPs, PG deals guarantee delivery — the publisher commits to serving the agreed volume, and the buyer commits to paying for it. PG combines the predictability of direct-sold campaigns with the operational efficiency and targeting capabilities of programmatic. This channel has grown rapidly as both buyers and sellers seek the certainty of guaranteed deals without the manual overhead.
7. HTML5 Creatives
HTML5 has replaced Flash as the standard technology for rich display creatives. HTML5 ads are packaged as a ZIP file containing an index.html entry point, supporting assets (images, CSS, JavaScript), and a manifest that declares dependencies.
HTML5 Creative Package Structure
A typical HTML5 creative package includes:
- index.html: The entry file that the ad server loads into an iframe. Must be self-contained or reference only bundled local assets (no external CDN calls unless pre-approved).
- Assets directory: Images, SVGs, video files, and fonts used by the creative.
- JavaScript: Animation logic, interaction handlers, and API integrations (e.g., MRAID for in-app, SafeFrame for publisher-controlled rendering).
- Backup image: A static JPEG/PNG fallback that renders when HTML5 is not supported or when the user's browser blocks JavaScript.
SafeFrame and MRAID
SafeFrame is an IAB specification that creates a secure container for HTML5 ads within publisher pages. It prevents the ad from accessing the publisher's DOM, cookies, or JavaScript context while still allowing controlled communication (resize, expand, report events) through a defined API. Most premium publishers require SafeFrame compliance for HTML5 creatives. MRAID (Mobile Rich Media Ad Interface Definitions) serves the same purpose for in-app environments, providing a standardized API between the creative and the app's ad SDK.
Testing and Validation
Before trafficking HTML5 creatives, advertisers should validate them against the IAB Tech Lab's Creative Quality Guidelines and test rendering across target browsers and devices. Common validation checks include: file size compliance, HTTPS-only sub-resource loading, clickTag implementation, SafeFrame compatibility, and performance profiling (CPU and memory usage during animation). Failed validation results in creative rejection by the exchange or ad server, delaying campaign launch.
8. Performance Metrics by Size
Different banner sizes deliver materially different performance characteristics:
| Size | Avg. CTR | Viewability | Typical CPM | Best For |
|---|---|---|---|---|
| 300x250 | 0.08–0.20% | 55–70% | $1.50–$6.00 | Performance + brand; universal |
| 728x90 | 0.04–0.10% | 50–65% | $0.80–$3.00 | Reach; page-top presence |
| 300x600 | 0.10–0.25% | 60–80% | $2.50–$8.00 | High-impact brand campaigns |
| 320x50 | 0.15–0.40% | 65–80% | $0.50–$2.00 | Mobile reach at scale |
| 970x250 | 0.12–0.30% | 80–95% | $5.00–$15.00 | Premium brand awareness |
The data reveals a clear pattern: larger, more visually dominant units command higher CPMs and deliver better engagement metrics. The 970x250 Billboard, despite being the most expensive per impression, often delivers the best cost-per-engagement because its high viewability and CTR offset the premium CPM. Conversely, the 728x90 Leaderboard, despite low CPMs, generates the worst engagement metrics and is increasingly viewed as a legacy unit best suited for remnant fill rather than primary campaign investment.
9. Best Practices
For Advertisers
- Produce at least 3–5 sizes per campaign. Restricting to a single size limits reach by 60–75% and concentrates frequency on a single placement type. Produce creative for at minimum 300x250, 728x90, 300x600, 320x50, and 970x250.
- Optimize for viewability, not impressions. Configure DSP bidding strategies to target viewable impressions. Paying for non-viewable inventory wastes budget and inflates reported reach without delivering actual exposure.
- Design for mobile first. Over 60% of display impressions serve on mobile devices. Start creative development with the 300x250 mobile experience and adapt upward to desktop sizes.
- Implement frequency capping. Display ads suffer from rapid creative fatigue. Cap frequency at 3–5 exposures per user per day to maintain effectiveness without burning out the audience.
- A/B test creative relentlessly. The low cost of display impressions makes rapid creative iteration affordable. Test headlines, CTAs, imagery, and color schemes simultaneously, and shift budget toward winning variants within 72 hours.
For Publishers
- Implement lazy loading. Only fetch ad creatives when the ad slot is approaching the viewport. This improves page load performance and increases the viewability rate of served impressions.
- Limit ad density. The IAB recommends that ads not exceed 30% of page content by pixel area. Excessive ad density degrades user experience, increases bounce rates, and triggers Google's page layout algorithm penalties.
- Use SafeFrame for all HTML5 creatives. Protecting the publisher DOM from ad scripts prevents layout breakage, security vulnerabilities, and performance degradation from poorly coded creatives.
- Refresh ad slots responsibly. Auto-refreshing ad slots (loading new ads into existing positions at intervals) increases impression volume but can inflate viewability numbers without delivering genuine user attention. Limit refresh intervals to 30+ seconds and only when the slot remains in view.