Banner Sizes: Free PNG and HTML5 Templates
Pick one of the twelve standard display sizes, or type any width and height, and your browser makes two files: a blank PNG at the exact pixel size and an HTML5 starter ZIP with the ad.size tag and a clickTag already in place. Nothing is uploaded. Below the kit, one table compares the twelve sizes and a short note per size covers only what is different about it.
This page is the workbench. The written reference, with every size Google Ads and the IAB publish and a source for each number, is the banner ad sizes guide.
Make a banner template at any size
Desktop and all screens
Mobile
- Pixels
- 300 × 250
- Aspect ratio
- 6:5
- 2x export
- 600 × 500
- Google Ads
- Listed
- IAB weight
- 150 KB, 300 KB subload
- Build order
- Core set
- PNG: exactly the size you picked, light grey fill, a 1 pixel guide border and the size label. Use it as a layout base or as a placeholder in mockups. Interstitials (320×480, 480×320, 768×1024 and 1024×768) also get a dashed 50 by 50 pixel corner where the close button goes.
- Starter ZIP: an editable
index.htmlin a folder named after the size, with<meta name="ad.size">set to your width and height, the standardvar clickTagand a placeholder layout; the same file zipped ready to upload; and a README.txt on Google Ads, CM360 and Studio click handling, which also says when Google Ads does not list the size. - Custom sizes run from 10 to 4000 pixels per side, the largest image CM360 accepts being 4000×4000. Both files are made by your browser. Nothing is uploaded.
The twelve sizes compared
Placement, device and Google Ads columns follow the chart in the banner ad sizes guide. IAB weights are the initial load and subload of the IAB Tech Lab Fixed Size Ad Specifications. Build order is the guide's: the core set runs almost everywhere, the reach set adds inventory, the rest is built when a media plan or a publisher asks for it. Select a size to read its note.
| Size | Name | Ratio | Where it runs | Device | Google Ads | IAB weight | Build order |
|---|---|---|---|---|---|---|---|
| 300×250 | Medium Rectangle | 6:5 | Inside articles, in sidebars, between feed items | Desktop and mobile | Yes | 150 KB, 300 KB subload | Core set |
| 728×90 | Leaderboard | 8.09:1 | Above the main content, top of page | Desktop and tablet | Yes | 150 KB, 300 KB subload | Core set |
| 300×600 | Half Page | 1:2 | Sidebar, next to content | Desktop | Yes | Flexible 1:2 unit, no fixed weight | Core set |
| 320×50 | Mobile Banner | 6.4:1 | Top or bottom of a mobile page, apps | Mobile | Yes | 50 KB, 100 KB subload | Core set |
| 336×280 | Large Rectangle | 6:5 | Inside articles | Desktop | Yes | Not on the fixed list | Reach set |
| 160×600 | Wide Skyscraper | 4:15 | Sidebar | Desktop | Yes | 150 KB, 300 KB subload | Reach set |
| 970×250 | Billboard | 3.88:1 | Below the site header, full content width | Desktop | Yes | 250 KB, 500 KB subload | Reach set |
| 320×100 | Large Mobile Banner | 16:5 | Top or bottom of a mobile page | Mobile | Yes | Not on the fixed list | Reach set |
| 970×90 | Large Leaderboard | 10.78:1 | Top of page | Desktop | Yes | 200 KB, 400 KB subload | When booked |
| 468×60 | Banner | 7.8:1 | Inside content, older layouts | Desktop | Yes | Not on the fixed list | When booked |
| 300×50 | Mobile Banner | 6:1 | Top or bottom of a mobile page | Mobile | Yes | 50 KB, 100 KB subload | With 320×50 |
| 320×480 | Phone Interstitial | 2:3 | Full screen between screens or pages | Mobile | No, listed by Ad Manager and DV360 | Not on the fixed list at this size | When booked |
File weight is a separate rule from pixel size, and on Google's platforms it does not change with the size at all: Google Ads allows 150 KB for a GIF, JPG or PNG image ad and 600 KB with no more than 40 files for an HTML5 ZIP, CM360 accepts 9.5 MB and 100 files, and DV360 caps what the browser downloads when the ad serves at 5 MB. Only the IAB budgets above vary by size. The full table with sources, AMPHTML and the CM360 polite load image is under file weight limits by network in the guide.
Rules that hold for every size
- Wide strips read in a row, everything else stacks. At 3:1 or wider (728×90, 970×90, 970×250, 468×60, 320×100, 320×50, 300×50) put the logo left, the message in the middle and the button right. Squarer and taller sizes stack logo, headline and button and centre them. The starter ZIP follows exactly that rule.
- Keep text off the edge. No network publishes a text safe area for display banners, and the ad is normally shown whole, so the working margin is about as wide as your body copy is tall on every side. A publisher border or rounded corner then never clips a letter.
- Canvas at the booked size, images at 2x. The kit shows the 2x export for every size. A 2x image has four times the pixels, so check it against the 150 KB Google Ads image limit and the IAB budget before you build, not after an upload fails. The guide explains retina assets and weight.
- Make the last frame carry the message. The final frame stays on screen when the animation stops, and the backup image is often all a viewer sees, so both need the logo and the call to action.
- Name every file by size. 300×50 and 320×50 look identical in a folder of thumbnails. The kit puts the size in every ZIP, folder and PNG name.
Notes for each size
Only what is specific to the size. Open a note, then use its link to load that size into the kit.
300×250Medium RectangleCore set · desktop and mobile
- The one core size that runs on desktop and mobile alike. Google Ads files it under Square and rectangle, where it is labelled Inline rectangle, and Google's AdSense guide says the size tends to have more ad inventory available from advertisers.
- A 6:5 canvas holds a logo, a headline of two or three lines and a button without crowding, so a centred vertical stack is the default.
- It scales to 336×280 for free: same ratio, exactly 1.12 times larger in each direction. It also shares its 300 pixel width with 300×600, so the headline keeps its line length there.
- IAB budget: 150 KB initial load, 300 KB subload. The 2x export is 600×500.
728×90LeaderboardCore set · desktop and tablet
- Google Ads files it under Leaderboard, the group that also holds 468×60, 970×90 and 970×250.
- At 90 pixels tall there is room for one line of headline: logo left, message middle, button right.
- A leaderboard is glanced at more than read, so the end frame and the backup image should each carry the full message on their own.
- It does not fit a phone held upright. Pair it with 320×50, or 320×100, for the same slot on mobile.
- IAB budget: 150 KB initial load, 300 KB subload. The 2x export is 1456×180.
300×600Half PageCore set · desktop
- Google Ads files it under Skyscraper, next to 120×600, 160×600 and 300×1050. Google's AdSense guide calls it one of the fastest growing sizes by impressions, and refers to it as the half page.
- The IAB does not keep it on the fixed size list and maps it to the flexible 1:2 unit instead, so no IAB fixed weight applies. Stay inside the network limits.
- Use the height: an image in the top half with the headline and button below it, or a short sequence of frames that each fill the space. The 300 pixel width matches 300×250, so type sizes carry over.
- Its 2x export, 600×1200, is the largest image in the core set and the one most likely to push a Google Ads image ad over 150 KB.
320×50Mobile BannerCore set · mobile and apps
- Three names for one unit: Google Ads lists it under Mobile as Mobile banner, AdSense calls it the mobile leaderboard, and the IAB calls it the Smartphone Banner.
- The IAB budget is the smallest in the core set, 50 KB initial load and 100 KB subload, a third of what it allows a 300×250. Prefer an SVG logo and CSS shapes over photographs; Google Ads accepts SVG inside HTML5 ZIPs.
- One line only: a logo, three or four words and a small button. Google Ads makes the whole ad clickable, so the button only has to look tappable.
- The 2x export is 640×100.
336×280Large RectangleReach set · desktop
- Build it from your 300×250 rather than from scratch: both are 6:5, and 336×280 is exactly 1.12 times larger each way.
- It sits between paragraphs inside articles, so one clear headline and a visible button carry further than a block of copy.
- Google Ads lists it and AdSense names it among its top performing sizes, but the IAB fixed list does not include it. If a publisher asks for an IAB style budget, the closest listed unit is the 300×250 at 150 KB initial load.
- The 2x export is 672×560.
160×600Wide SkyscraperReach set · desktop
- The names cross over: Google Ads calls 160×600 the Wide skyscraper and the narrower 120×600 the Skyscraper, while the IAB fixed list includes only 160×600 and calls it the Skyscraper, at 150 KB initial load and 300 KB subload.
- At 160 pixels a headline breaks after one or two words. Use fewer, bigger words and let the height carry the sequence: logo at the top, message in the middle, button at the bottom.
- Give the button the full width, and test the real call to action label at the real size. A label that fits a 300×250 often wraps here.
- The 2x export is 320×1200. Tall photography is heavy for a narrow slot, so crop to what is visible.
970×250BillboardReach set · desktop
- The IAB gives it 250 KB initial load and 500 KB subload, the largest desktop budget on the fixed list together with the 300×1050 Portrait. Google's AdSense guide describes it as a brand centric format that performs well in premium positions.
- The Google Ads caps do not grow with it: 150 KB for an image ad and 600 KB for an HTML5 ZIP, the same as for a 320×50. Its 2x export, 1940×500, is close to a million pixels, so compress photography before you build.
- Compose, do not stretch: an image or product shot on one side, headline and button on the other.
- It shares its 970 pixel width with 970×90, so logos and background textures cut for one fit the other.
320×100Large Mobile BannerReach set · mobile
- AdSense suggests it as an alternative to the 320×50 and names it among its top performing sizes, which makes it the natural second mobile size. Google Ads lists it under Mobile.
- Twice the height of 320×50 buys a two line headline, or a small product image beside the copy. At 3.2 to 1 it still reads as a row.
- The IAB fixed list does not include it. If a publisher wants an IAB reference, the Smartphone Banner, 320×50, is budgeted at 50 KB initial load.
- The 2x export is 640×200.
970×90Large LeaderboardWhen booked · desktop
- The IAB lists it as the Super Leaderboard or Pushdown, at 200 KB initial load and 400 KB subload, between the 150 KB of the 728×90 and the 250 KB of the 970×250.
- Google's AdSense guide notes that this format expands to 970×415. If a publisher books it as a Pushdown, get the expanded size and behaviour in writing; the starter covers only the 970×90 state.
- Build the 728×90 first. They share the 90 pixel height, so the layout extends by 242 pixels, usually added between the headline and the button.
- The 2x export is 1940×180.
468×60BannerWhen booked · desktop
- Google Ads still lists it, under Leaderboard, and AdSense describes it as a format that fits smaller spaces that cannot take a 728×90. The IAB fixed list does not include it.
- Treat it as a small leaderboard: one row and a single line of headline at 60 pixels tall.
- It is 260 pixels narrower than the 728×90, so cut words rather than type size.
- The 2x export is 936×120.
300×50Mobile BannerWith 320×50 · mobile
- The IAB treats 300×50 and 320×50 as one unit, the Smartphone Banner, with the same 50 KB initial load and 100 KB subload, and Google Ads lists both in its Mobile group. Build it when the media plan lists it.
- Start from the 320×50 and take out 20 pixels, usually from the space between the headline and the button.
- It runs at the top or bottom of a mobile page. For apps, the guide's chart lists the 320×50.
- The 2x export is 600×100.
320×480Phone InterstitialWhen booked · mobile
- Google Ads does not list it for uploaded display ads. Google Ad Manager's mobile app interstitial guide uses 320×480 or 480×320 for phones and 768×1024 or 1024×768 for tablets, and DV360's HTML5 guidelines include 320×480 among their common sizes.
- The IAB's own Mobile Phone Interstitial is specified at 640×1136, 750×1334 or 1080×1920 with 300 KB initial load and 600 KB subload; 320×480 itself is not on the list.
- Leave the top right corner clear for a close button with an X of at least 50×50 density independent pixels, available from the start of the ad. No forced countdown. The PNG marks that corner.
- Serve it at a natural break. The IAB defines an interstitial as an ad before, between or after content; one that covers content the user is already reading counts as a pop up.
- Build the landscape 480×320 as its own creative with the custom size above rather than rotating the portrait file. The portrait 2x export is 640×960.
Banner size FAQ
What is the most common banner size?
Google does not publish a ranking, but its AdSense guide lists 300×250 among its top performing sizes and says it tends to have more ad inventory available from advertisers. It is also the only size in the core set that runs on both desktop and mobile, so build it first, then 728×90, 300×600 and 320×50.
What is the file size limit for a banner ad?
On Google Ads it is the same at every size: 150 KB for a GIF, JPG or PNG image ad, and 600 KB with no more than 40 files for an HTML5 ZIP. CM360 accepts up to 9.5 MB and DV360 up to 5 MB downloaded when the ad serves. The IAB suggests a per size budget, from 50 KB of initial load for 320×50 to 250 KB for 970×250.
Which banner sizes are IAB standard sizes?
Of the twelve here, 300×250, 728×90, 160×600, 970×250, 970×90, 320×50 and 300×50 are on the IAB fixed size list. 300×600 is mapped to the flexible 1:2 unit. 336×280, 468×60 and 320×100 are not on the list, and 320×480 is not listed at that size, although Google Ads lists every one of them except 320×480.
Does an HTML5 banner from the starter need a clickTag?
Not for Google Ads, which makes the whole ad clickable and sends clicks to the final URL set on the ad; the declaration does no harm there. Campaign Manager 360 needs the standard var clickTag declaration, which the starter already contains. Studio creatives exit through the Enabler instead, as the clickTag guide explains.
Is 320×50 the same as a mobile leaderboard?
Yes. AdSense calls 320×50 the mobile leaderboard, Google Ads labels it Mobile banner and the IAB calls it the Smartphone Banner. The 300×50 is the same IAB unit 20 pixels narrower.
Can I run a 320×480 interstitial in Google Ads?
Not as an uploaded display ad. Google Ads does not list 320×480, so interstitials usually run through Google Ad Manager, Display & Video 360 or an app SDK. Whether the SDK or the creative draws the close button depends on how the placement is served, so ask the publisher; the template keeps that corner empty either way.
Should images in a banner be exported at 2x?
Usually. The canvas stays at the booked size, for example 300×250, while images inside it are exported at twice that resolution so they stay sharp on high density screens; the IAB calculates its weight bands at 2x and CM360 suggests images up to twice the placement size. Check the weight afterwards, because a 2x image has four times the pixels.
How do I make a template at a size that is not listed?
Type the width and height under Custom size and choose Use this size. The PNG and the starter ZIP follow, from 10 to 4000 pixels per side, and the README tells you when Google Ads does not list the size for uploaded display ads.
Before you upload
Keep the ad.size tag from the starter in the head. The HTML5 Banner Validator reads it, compares it with the size your canvas or main container declares, and checks the ZIP against the Google Ads, CM360 and DV360 rules. For a campaign in several sizes, the clickTag Generator builds one row per size with the matching ad.size tag and clickTag code, and the Banner Compressor brings a heavy ZIP under the limit without renaming its images. All three run in your browser, so no file leaves your computer.