Standard Banner Sizes Guide: Dimensions & Examples

The Ultimate Guide to Banner Sizes: A Comprehensive Cheat Sheet for Digital Marketers and Designers

Whether you are launching a high-converting Google Display campaign, designing an eye-catching Facebook ad, or setting up a promotional header for your e-commerce storefront, getting your dimensions right is everything. There is nothing quite as frustrating as crafting a stunning visual only to have it awkwardly cropped, blurry, or rejected by an ad platform because the pixels were off.

Mastering banner sizes doesn’t have to be a guessing game. This guide covers the most effective standard banner dimensions across the web, social media, and print, along with best practices to ensure your visuals always look sharp.

1. The Powerhouses: Standard Web Display Ads

If you are running display campaigns (like Google Ads) across millions of websites, sticking to standard Interactive Advertising Bureau (IAB) sizes ensures your ads can load smoothly across a wide variety of publisher networks.

• Medium Rectangle (300 x 250 px): The undisputed king of display advertising. It fits seamlessly into sidebars and within content text, making it a high-performing format with massive inventory.
• Large Rectangle (336 x 280 px): Slightly larger than the medium rectangle, this format also offers great visibility and high click-through rates (CTR) when placed inside article text.
• Leaderboard (728 x 90 px): Traditionally placed at the very top of a website header. While mobile devices have made standard leaderboards less dominant on small screens, they remain a staple for desktop layouts.
• Half Page / Skyscraper (300 x 600 px): A large, high-impact vertical ad that takes up significant screen real estate. Advertisers love it because it offers plenty of space for storytelling and striking imagery.
• Mobile Leaderboard (320 x 50 px): Specifically built for mobile web browsing, this sits neatly at the top or bottom of smartphone screens.

2. Social Media Banners: First Impressions Matter

Social media platforms change their layout dimensions frequently. Here are the core dimensions for profile headers and banners:

• Facebook Cover Photo: 820 x 312 px (Desktop) / 640 x 360 px (Mobile). Tip: Keep important text and logos centered so they don’t get cut off on smaller smartphone screens.
• LinkedIn Banner: 1584 x 396 px. Essential for company pages and personal branding profiles to establish instant authority.
• X (Twitter) Header: 1500 x 500 px. A wide canvas that sits right behind your profile picture.
• YouTube Channel Art: 2560 x 1440 px. Because this single image must look great on everything from a giant living room television to a mobile phone, keep your vital branding within the 1546 x 423 px “safe area” in the center.

3. Website and E-Commerce Banners

Your website is your digital storefront, and hero banners (the large banners at the top of your homepage) dictate whether visitors stay or bounce.

• Desktop Hero Banner: Typically 1920 x 1080 px (full HD width) or 1920 x 600 px for a wider, shorter cinematic look.
• Mobile Hero Banner: 600 x 600 px or 600 x 800 px. Designing a separate mobile version is crucial to keep text legible and loading times fast.

4. Golden Rules for Designing High-Converting Banners

Knowing the dimensions is only half the battle. To turn eyeballs into clicks, keep these golden rules in mind:

• Design for Retina (Retina/High-DPI): To prevent your banners from looking pixelated on modern smartphones and high-resolution monitors, many designers build their raster graphics at 2x resolution and export them scaled down, or utilize vector graphics (like SVG) where possible.
• Respect the File Size Limits: Ad networks usually enforce strict file size caps (