How-To Guide · Ad Creative Generation

Best Way to Create a Side by Side Google Ad

Learn how to create a side-by-side before & after Google Display ad. Covers exact image specs, safe zone rules, campaign setup, and how to batch-generate variations fast.

TL;DR Side-by-side before & after ads are among the highest-converting formats on Google Display. You need two image types: landscape (1200×628) and square (1200×1200). Keep key content in the center 80% of the image. Upload to a responsive display ad. Run 3 to 4 variations per ad group. Use Coinis Before & After workflow to generate and store variations without starting from scratch each time.

4 min read By Updated 0 steps

Originally published .

Quick answer: Side-by-side before & after ads are among the highest-converting formats on Google Display. You need two image types: landscape (1200×628) and square (1200×1200). Keep key content in the center 80% of the image. Upload to a responsive display ad. Run 3 to 4 variations per ad group. Use Coinis Before & After workflow to generate and store variations without starting from scratch each time.

---

A side-by-side ad shows the transformation your product delivers. The viewer sees the problem and the result in one glance. Here is how to build one that converts on Google Display.

What Are Side-by-Side Google Ads?

Definition and format

A side-by-side Google ad places two images inside a single creative. One panel shows the "before" state. The other shows the "after." The comparison happens instantly, with no copy required to explain it.

Why before & after ads perform well

Visual proof is persuasive. Research shows before-after ads can boost conversion rates by up to 83% by demonstrating tangible transformations that add credibility to your offer. Viewers do not have to imagine results. They see them directly in the ad.

Best industries for this format

Home improvement, skincare, fitness, dental, weight loss, cleaning products, and hair care all fit this format well. Any product or service with a clear visible change is a strong candidate.

---

Image Specifications for Google Display Ads

Per Google's Ads Help Center, responsive display ads require two mandatory image types. Skipping either limits where your ad can serve.

Required image dimensions (landscape 1.91:1, square 1:1)

Landscape (1.91:1): Recommended size is 1200×628 pixels. Minimum accepted is 600×314 pixels.

Square (1:1): Recommended size is 1200×1200 pixels. Minimum accepted is 300×300 pixels.

Always submit both formats. Google automatically selects the right one depending on the available placement and device.

File format and size limits

Upload images as .jpg or .png. The maximum file size is 5,120 KB (5 MB) per image. Compress your files before uploading, but do not sacrifice visible quality. Blurry or pixelated ads get lower quality scores.

Safe zone guidelines (center 80%)

Per Google's image asset format requirements, place all important content in the center 80% of the image. Edges can be cropped depending on the placement. Both your before panel and your after panel need to sit cleanly inside that zone. Labels, logos, and key visuals should never touch the outer edges.

---

How to Create a Side-by-Side Before & After Image

Layout principles (before on left, after on right)

Before goes on the left. After goes on the right. Viewers read left to right, so they follow the story in the natural direction. This placement is the proven pattern, and deviating from it creates confusion.

Design best practices (contrast, clarity, branding)

Use high contrast between the two panels. A thin dividing line or clear labels ("Before" and "After") make the comparison obvious at a glance. Per Google Ads documentation, main images must be high-quality and uncluttered. Keep your brand logo in the lower-right corner inside the safe zone. Do not crowd the creative with text. The image does the heavy lifting.

Using AI-powered tools vs. manual design

Manual design in Photoshop or Canva works. It takes time. You position images, match color grading, add labels, export two sizes, then repeat for every variation. AI-powered tools handle the layout automatically. You upload your source images and get a finished, correctly sized ad in seconds. The time savings compound quickly when you need multiple variations.

Testing multiple variations

One version is not enough. Test different before shots, different after angles, different label styles, and different color treatments. More variations give you more data on what resonates with your specific audience.

---

Setting Up Your Google Display Campaign with Before & After Ads

Uploading images to responsive display ads

In Google Ads, open your display campaign and create a new responsive display ad. Upload your landscape image (1200×628) and your square image (1200×1200). Google resizes and serves them automatically across millions of placements. Both sizes are required for full coverage.

Combining with headlines and descriptions

Add up to 5 headlines and 5 descriptions. Your headline should call out the transformation directly. Something like "See the difference in 30 days" or "Real results, visible fast." Descriptions support the headline with a specific benefit or a clear call to action. Keep both punchy and specific.

Creating 3-4 ads per ad group for testing

Per Google's best practices guide for responsive display ads, create 3 to 4 ads per ad group using different images and messages. This lets Google's system identify the best performer and favor it over time. Running a single ad leaves that optimization signal on the table.

---

How Coinis Before & After Workflow Accelerates Creation

Building before & after ads manually is slow. The Coinis Before & After workflow generates side-by-side creatives automatically so you spend time on strategy, not layout.

Automated side-by-side image generation

Upload your before and after images. Coinis uses cutting-edge AI models to compose the layout, apply labels, and output the creative in the right dimensions. Both landscape and square formats come out ready for upload. No manual resizing. No repositioning.

Batch creation for A/B testing

Generate multiple versions in one session. Swap labels, adjust the dividing line style, or try different color backgrounds across your panels. You get a full set of test-ready variations without rebuilding each one from scratch.

Storing assets in Creative Library

Every generated creative saves automatically to your Creative Library. Organize assets by product or campaign. Pull them whenever you need them for a new push. No hunting through desktop folders or cloud drives.

Today, Coinis publishes directly to Facebook and Instagram. Google Ads direct publishing is on the roadmap. In the meantime, export your Coinis creatives and upload them to Google Ads directly. The creative quality is exactly the same.

---

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.

Frequently Asked Questions

What image sizes do I need for a side-by-side Google Display ad?

You need two sizes: landscape at 1200×628 pixels (1.91:1 ratio) and square at 1200×1200 pixels (1:1 ratio). Both are required for a responsive display ad to serve across all placements. Maximum file size is 5 MB per image.

Where should I place text and key visuals in a before & after Google ad?

Keep all important content inside the center 80% of the image. Google's image asset format requirements state that edges can be cropped depending on the placement and device. Labels, logos, and your core transformation visuals must all sit within that safe zone.

How many before & after ads should I run per ad group?

Google's best practices guide recommends 3 to 4 responsive display ads per ad group, each with different images and messages. This gives Google enough signal to identify the top performer and serve it more often.

Can I use Coinis to make before & after ads for Google Display?

Yes. The Coinis Before & After workflow generates side-by-side creatives in both landscape and square formats automatically. You export the assets and upload them to Google Ads. Coinis currently publishes directly to Facebook and Instagram. Google Ads direct publishing is on the roadmap.

Stop hustling

You just read the manual way. Coinis does it all.

Every step above takes hours of manual work. Coinis automates it. Free to start. No credit card. Pay only when you need more volume.

Steps 1–2

Goal + Audience

AI analyzes your brand from a URL. Targets the right buyers automatically.

Steps 3–4

Channels + Budget

One-click launch to Meta. Smart budget allocation out of the box.

Step 5

Ad Creatives

Paste a link. Get dozens of professional ads in minutes.

Steps 6–7

Launch + Track

Live dashboard. Real ROAS. AI suggests what to optimize next.

15 credits day one
No credit card
Free forever tier
Pay only for volume
Start free

You just learned the hard way. Here's the easy way.

Coinis generates ad creatives, launches campaigns, and tracks results. One platform. One click. No ad expertise required.

Try Coinis free