Design Google Banner Ad: Sizes, Principles, and What Actually Works

TL;DR: Start with the 300x250 medium rectangle. Keep files under 150 KB. Write responsive display headlines at 30 characters or fewer. One bold CTA. Clean design wins.

What Is a Google Banner Ad?

A Google banner ad is a rectangular visual unit served across the Google Display Network. It appears on millions of websites, apps, and platforms while your audience is already browsing elsewhere.

Definition and placement across the Google Display Network

The Google Display Network (GDN) spans websites, mobile apps, and video platforms worldwide. Advertisers supply image assets or text inputs. Google places those assets in matching ad slots across its network partner inventory. Your creative follows your audience wherever they go online.

How banner ads work to capture attention and drive clicks

Banner ads earn a fraction of a second of attention. The creative must communicate a benefit, show the brand, and prompt a click before the user scrolls past. Simplicity is not a constraint. It is the strategy.

Top-Performing Google Banner Ad Sizes

Size determines where your ad can run. Nail the top formats first.

300x250 Medium Rectangle (most versatile, 90%+ placements)

This is your starting point. The 300x250 medium rectangle appears on over 90% of display-enabled websites across desktop and mobile. It fits sidebars, in-content placements, and in-app inventory. If you only build one size, build this one.

728x90 Leaderboard (premium top placement)

The 728x90 leaderboard sits at the top of the page. It catches users the moment a page finishes loading and carries an average CTR of 0.47%. Premium position means strong first impression. The visual needs to earn it.

Other recommended sizes: 336x280, 300x600, 320x100

The 336x280 large rectangle, 300x600 half-page, and 320x100 large mobile banner each unlock additional inventory. More compatible sizes mean more available placements. More placements mean broader reach and often lower CPMs.

Why ad size matters for reach and performance

Google's ad server only places a creative where its exact dimensions fit the available slot. One missing size equals missed impressions. Build the top four or five formats and your ads run wherever your target audience appears.

Essential Design Principles for Banner Ads

Good design does one job: move the viewer's eye from brand to message to CTA in under two seconds.

Simplicity and visual hierarchy: guide the viewer's eye

Three elements per ad. Lead with the headline. Support with a short value statement. Close with a CTA button. Whitespace between elements is not wasted space. It is what makes each element land.

High-quality images and file size requirements (under 150 KB)

Per Google's Ads Help Center, all static image and HTML5 banner ads must stay under 150 KB. Heavy files load slowly. Slow loads mean missed impressions and poor user experience. Compress without sacrificing resolution. Both matter.

Color contrast and readability for accessibility

Strong contrast between text and background lifts readability and engagement. Your CTA button should stand out from everything else on the canvas. If a user has to hunt for the CTA, the design has already failed.

Typography: limit to 1-2 clean, legible fonts

One typeface for headlines. One for body text, if you need body text at all. Skip script fonts and decorative choices. Legibility must hold across every screen size and resolution where the ad can appear.

Copywriting and Call-to-Action Best Practices

Copy either earns the click or kills it. Write for the scanner, not the reader.

Craft compelling headlines that grab attention immediately

The headline is the first element users process. Lead with a direct benefit. "Save 30% today" beats "Introducing our newest collection." Action-oriented language moves people. Passive language does not.

Keep copy concise and benefit-driven

Banner ad copy answers exactly one question: what does the viewer get? Cut everything else. One line of supporting copy. No paragraphs. No feature lists. Just the benefit.

Make CTAs bold, prominent, and action-oriented

Your CTA button must be impossible to miss. Use a contrasting color. Open with a verb. "Shop now," "Get started," "Claim your offer." The entire ad exists to drive that one click.

Google Ads responsive ad text specs (30 char headlines, 90 char descriptions)

Per the Google Ads Help Center, responsive display ads support up to five short headlines of 30 characters each and descriptions up to 90 characters. Google AI mixes and matches assets across placements and screen sizes. Write every headline as if it will appear alone, because it often will.

Mobile Optimization and Testing

Most impressions happen on phones. Design for that screen first.

Design for small screens: scalable fonts and large touch buttons

Scalable fonts stay legible when the ad shrinks to a 320-pixel-wide slot. CTA buttons need to be large enough to tap without frustration. Simplified single-column layouts outperform dense multi-column designs on mobile every time.

A/B test variations to identify top performers

Run two versions: same offer, different headline or image. Let impressions accumulate. Data picks the winner faster than intuition does. Small changes, like button color or a swapped hero image, can shift CTR meaningfully.

Use animation purposefully (under 15 seconds) if at all

Animated banners can grab attention. Keep total animation length under 15 seconds. Avoid flashing effects that feel intrusive. Motion should reinforce the message. If it distracts instead, cut it.

Common Banner Ad Mistakes to Avoid

Avoid these and your creative is already ahead of most competition.

Poor image quality or pixelated visuals. Blurry images damage credibility instantly. Always start from high-resolution source files.

Too much text or unclear visual hierarchy. If a user has to read to understand the ad, the design has lost. Three to five words per element. One dominant message per creative.

Inconsistent branding across ad variations. Consistent fonts, colors, and logo placement build recognition across every touchpoint in a campaign. Inconsistency erodes trust.

Overlaid text on images. Per Google's Ads Help Center documentation, Google prohibits overlaid text on images in responsive display ads because text can become unreadable across different ad slot configurations. Supply headlines and images as separate assets instead.

How Coinis Helps You Design Banner Ads Faster

Image Ads: Generate banner ads from product URLs or brief descriptions

Paste a product URL into Coinis Image Ads. The platform pulls brand assets and generates on-brand banner creative automatically. No design software required. What used to take hours takes minutes.

Revise tool: Resize banners to any Google Display Network size using Smart Resize

Have a 300x250? Turn it into a 728x90, 300x600, or 320x100 in one click with Smart Resize inside Coinis Revise. The same tool handles AI Erase, Edit text on image, AI Translate, AI Upscale, Variate, and AI Rewrite ad copy. One tool. Every format adjustment you need.

AI Copywriting: Create compelling headlines and CTAs backed by your Brand Profile

Coinis AI Copywriting generates headlines, body copy, and CTAs using your Brand Profile as the source of truth. Every line stays on-brand and within Google's character limits. No blank page. No guessing whether the voice sounds right.

Speed to market with tested, performance-optimized designs

The real cost in banner advertising is slow creative iteration. Coinis cuts production time so you run more tests with more variations. More tests mean better data. Better data means better results.

Or let Coinis do it.

From a product URL to a live Meta campaign. AI-generated creatives. On-brand copy. Direct publish to Facebook and Instagram. Real performance reporting. All in one platform.

Start free. Upgrade when you're ready.

Start free →

15 AI tokens a month. No credit card.