How to use it
- Pick a banner template.
- Choose a size such as 728 × 90, 300 × 250 or 160 × 600.
- Write the headline and button text, and add a photo or logo.
- Switch to the other sizes you need, then download.
Standard banner sizes
| Name | Pixels | Typical placement |
|---|---|---|
| Leaderboard | 728 × 90 | Top of a web page |
| Billboard | 970 × 250 | Top of a page, high impact |
| Medium rectangle | 300 × 250 | In content and sidebars; one of the most widely used ad sizes |
| Half page | 300 × 600 | Sidebar |
| Wide skyscraper | 160 × 600 | Sidebar |
| Large mobile banner | 320 × 100 | Phones |
| Facebook post or link image | 1200 × 630 | Link previews and social posts |
| LinkedIn banner | 1584 × 396 | Profile background |
| X header | 1500 × 500 | Profile header |
The ad sizes follow the common IAB display formats that ad networks accept. For a website hero image, enter a custom size such as 1920 × 600 px.
One campaign, every size
An ad campaign usually needs the same message in several shapes, from a wide leaderboard to a tall skyscraper. Design the banner once, then switch the size: the layout adapts automatically, rearranging the headline, image and button to fit the new shape. Check each size, nudge anything that needs it, and download.
Save your colors, fonts and logo in the brand kit, and every banner can pick them up with one click on apply brand colors. Use duplicate to make A and B versions with a different headline or button color for testing.
A practical order of work: start with the 300 × 250 rectangle, because it has the most balanced shape, then switch to the wide and tall sizes. Name each download after its size, for example spring-sale-728x90.png, so uploading a full set to an ad platform goes quickly.
Templates and editing
Banner templates come with a headline, supporting text, a button shape and space for a photo or logo. Everything can be changed:
- 40+ free fonts with weight, size, gradient color, letter spacing, uppercase, outline and shadow.
- Photos in JPG, PNG, WebP, AVIF, GIF or HEIC, cropped and zoomed inside frames.
- Shapes and arrows for buttons and pointers, recolorable stickers, and color, gradient or pattern backgrounds.
- Smart alignment guides, align and distribute, layers and lock, so small banners stay tidy.
Writing a banner that works
- Headline first. You have a second or two. Fall Garden Sale beats a paragraph.
- One offer. 20% off all plants is clearer than a list of products.
- A clear button. Shop now, Learn more, Book today. Make it a button shape so it looks clickable.
- Contrast. Make the button the brightest thing on the banner.
- Fewer words on small sizes. On 320 × 100, drop everything except the headline, logo and button.
- Readable at 100%. Zoom the editor to the real size; text that looks fine zoomed in may be tiny on a page.
- Consistent branding. The same logo position and colors across all sizes help people recognize the ad.
Banner layouts that work in every shape
Different shapes call for different arrangements:
| Shape | Sizes | Layout that works |
|---|---|---|
| Wide and short | 728 × 90, 970 × 250, 320 × 100 | Logo left, headline center, button right, all in one line |
| Rectangle | 300 × 250 | Image top, headline middle, button bottom |
| Tall | 160 × 600, 300 × 600 | Headline top, image middle, button near the bottom |
| Social header | 1500 × 500, 1584 × 396 | Text on one side; leave room for the profile photo, which covers part of the lower left |
On very short banners, a photo rarely has space to read. Use a solid or gradient background with your logo instead, and keep the photo for the rectangle and tall sizes. On social headers, keep text near the center, since phones crop the edges.
File size and export
Ad platforms usually cap the file size of uploaded image ads, often at around 150 KB, so check your platform's specs. Flat-color banners stay small as PNG; banners with photos are usually smaller as JPG. If a file is still too large, run it through the image compressor.
For sharp results on high-resolution screens, digital designs can export at up to 3× resolution; use this for website headers and social images, but stick to the exact pixel size when an ad network requires it. Everything is drawn and exported in your browser: your photos and logo are never uploaded, and there is no watermark. For social profile covers, use the cover photo maker; for printed posters, the poster maker.
Frequently asked questions
What is the most common banner ad size?
300 × 250 (medium rectangle) is one of the most widely used, along with 728 × 90 (leaderboard) and 320 × 100 or 320 × 50 on mobile.
Can I make the same banner in several sizes?
Yes. Design it once and switch sizes; the layout adapts automatically. Check each version before you download.
What size should a website header be?
1920 × 600 px is a common full-width size. Enter it as a custom size, and check your website theme's recommendation.
What size is a LinkedIn or X header?
LinkedIn profile backgrounds are 1584 × 396 px and X headers are 1500 × 500 px. Both are available as sizes in the editor.
Why is my banner too big for my ad platform?
Many platforms limit image ads to a small file size. Save as JPG, export at 1×, or compress the file.
Are my files uploaded?
No. The banner is made and exported in your browser.
Last updated: November 13, 2026