Resize a Banner Ad for Google Ads Display Sizes

Resize a banner ad for Google Ads display sizes

To resize a banner ad for Google Ads display sizes, rebuild each size as its own HTML5 file from the same layered source, then export the set in one batch. HTML5 Ad Builder does this in the browser: you drag your artwork onto the drop zone, position text and image layers per size, and export ready-to-upload creatives without writing code.

Most advertisers start with one 300x250 and then discover Google Ads wants a stack of sizes before a campaign will serve well. Rebuilding each one by hand is slow and error-prone. The workflow below keeps the design consistent while hitting every required dimension.

The display sizes you actually need

Google Ads responsive display campaigns accept a long list, but a practical starter set covers almost all placements. Build these first, then add more as reporting shows where impressions come from.

Square and vertical sizes need different crops, not just a scale-down. A 728x90 leaderboard will not survive being squashed from a 300x600 half page. Treat each aspect ratio as its own composition.

Step-by-step: resize your banner ad in HTML5 Ad Builder

1. Open HTML5 Ad Builder and drag your source artwork onto the drop zone labelled 'Drag & drop or browse'. The line under it reads 'Processed locally — your files never leave your device', and that is literal: nothing is sent anywhere.
2. Set the canvas to your first target size, for example 300x250. Add your background image as a layer and position it so the product or headline sits in the safe area.
3. Add text layers for the headline, subhead and call to action. Keep text at least 10 percent away from every edge so nothing clips on smaller placements.
4. Add a second slide if you want animation. Two or three slides is usually enough for a display ad; more than that and the loop gets distracting.
5. Duplicate the composition and change the canvas to the next size, such as 728x90. Reposition layers for the new aspect ratio rather than scaling everything down uniformly.
6. Repeat for each size in your set. Because the tool takes several files at once, you can add multiple source images in one go — free plans process up to 3 files per batch without an account or 5 with one, and each batch counts as a single run.
7. Export the batch. You get HTML5 files ready to hand to your media buyer or drop into your ad platform.

If you need to show the finished creative in context, run the exported frame through the Mockup Generator to place it on a laptop or phone screen for a client deck.

Why local processing beats upload-based banner makers

Most online banner tools ask you to upload your creative to their server, wait for a render, then download the result. That model has three practical problems.

• Privacy. Your unreleased campaign art, product shots and copy leave your machine. With in-browser processing they do not. The file is opened from your own disk and every layer, animation and export is computed in the page.
• Speed. There is no upload queue and no render farm wait. A 300x250 export is effectively instant because the work happens on the hardware you are already sitting at.
• No file-size caps. Upload tools often reject large source images or downscale them to save bandwidth. Local processing has no file-size caps, so a high-resolution product shot stays high-resolution.

There is also a workflow benefit. Because nothing is uploaded, you can iterate quickly on a client call, change a headline, re-export, and send the file before the meeting ends.

Common mistakes when resizing display ad creative

• Scaling everything proportionally. A 970x250 billboard is nearly four times wider than a 300x250. Text that fits one will be unreadable in the other. Recompose, do not resize.
• Forgetting the safe area. Ad platforms sometimes overlay UI or crop edges. Keep logos and calls to action well inside the frame.
• Too much text. Small placements punish long headlines. Write a shorter variant for 320x50 and 320x100.
• Animation that never settles. A looping ad that never shows a static frame is hard to read. Let the final slide hold for a beat.
• One export for every placement. If you also need social versions of the same creative, run it through the Social Pack Exporter rather than rebuilding each ratio by hand.

Pro tips for a consistent banner set

Build the largest size first and treat it as the master. Then work downward, simplifying rather than shrinking. Keep a shared palette and type scale so the set looks like one campaign, not eight unrelated ads.

Name your exports with the size in the filename, for example spring-sale-300x250.html. When you hand a batch of twenty files to a media buyer, that convention saves an hour of sorting.

If your campaign also includes audio or podcast placements, the Podcast Artwork Pack turns one square of cover art into every size the major platforms ask for, which keeps the visual language aligned across channels.

Finally, check each size at 100 percent zoom before you ship. A layout that looks balanced in a thumbnail can have a collision between the headline and the call to action that only shows up at full size.

What you get from the export

The export is a self-contained HTML5 creative. No plugin, no JavaScript build step, no design file the client cannot open. You can hand it straight to whoever uploads the campaign, and you can keep the layered source in the tool to regenerate the whole set when the offer changes.

Because the whole process runs on your device, you can resize a banner ad for Google Ads display sizes on a plane, in a locked-down office network, or anywhere else a browser runs. The free plan meters runs at 5 per day, an account raises that to 15, and Pro removes the daily cap entirely — see pricing if you are producing banner sets at volume.