Design a banner for the web or for print in a few minutes. Pick a standard size such as a 728 × 90 leaderboard, a website header or a 2 × 6 ft vinyl banner, start from a template that adapts to the shape, then edit text, shapes, colors and images. Download a PNG or JPG, or a print-ready PDF at the exact size.
Last updated:
×
Template
Drag to move · corner handles resize · round handle rotates · double-click text to edit · Shift keeps proportions
Text
Background
Click an element on the banner to edit it. Arrow keys nudge (Shift = 10×), Delete removes, Ctrl+Z undoes.
Advertisement
Advertisement
How to use the Banner Maker
Choose a size from the list, or pick Custom size and enter the width and height in pixels, inches, feet or centimeters.
Pick a template. It rearranges itself for the banner's shape, so the same design works as a leaderboard or a 4 × 8 ft banner.
Edit the content: click any text to change the words, font and colors, add shapes, a logo or a background photo. Drag the corner handles to resize.
Check the safe area: keep text inside the dashed line, away from hems and grommets on printed banners.
Download a PNG or JPG for the web, or a PDF at the exact physical size for your print shop.
Banner size reference
Banner
Size
Typical use
Leaderboard
728 × 90 px
Top of web pages, above or below the content
Medium rectangle
300 × 250 px
In articles and sidebars; the most widely served ad size
Wide skyscraper / half page
160 × 600 / 300 × 600 px
Sidebars on desktop
Billboard
970 × 250 px
Large premium placement at the top of a page
Mobile banner
320 × 50 px
Phone screens, above or below content
Website hero header
1920 × 600 px
Full-width banner on a home page
Vinyl banner 2 × 6 ft
72 × 24 in · 7,200 × 2,400 px at 100 dpi
Storefronts, events, birthday and graduation banners
Vinyl banner 3 × 8 ft
96 × 36 in · 9,600 × 3,600 px at 100 dpi
Fences, trade-show booths, sports fields
Roll-up banner
33 × 80 in
Retractable stands at trade shows and lobbies
Print resolution: how many pixels do you need?
Pixels = inches × dpi. A banner seen from across a street does not need photo-print resolution: the eye cannot resolve fine detail at that distance. These are common choices for large-format printing:
Viewing distance
Recommended resolution
2 × 6 ft banner
Over 10 ft (fences, building fronts)
72–100 dpi
5,184 × 1,728 to 7,200 × 2,400 px
3 to 10 ft (trade shows, store interiors)
100–150 dpi
7,200 × 2,400 to 10,800 × 3,600 px
Arm's length (roll-up banners)
150 dpi
Roll-up 33 × 80 in: 4,950 × 12,000 px
Very large banners at high dpi can exceed what a browser can draw in one image; the tool then lowers the dpi automatically and tells you the final resolution.
Design tips that work for any banner
One message. Readers glance at a banner for a few seconds. Use one headline of three to seven words, one supporting line and one call to action.
Contrast first. Dark text on a light background or the reverse; avoid putting text over busy parts of a photo, or darken the photo.
Size by distance. Plan about 1 inch of letter height per 10 feet of viewing distance for printed banners.
Bold, simple fonts such as Arial Black, Impact or Trebuchet read better from afar than thin or script fonts; keep script fonts for short accents.
Keep ads light. Most ad networks cap image ads at 150 KB, so flat colors and simple gradients are safer than detailed photos.
Frequently asked questions
What size should a vinyl banner file be?
Design at the finished size of the banner. Large-format banners are viewed from a distance, so 100 to 150 dpi at full size is the usual standard: a 2 × 6 ft banner at 100 dpi is 7,200 × 2,400 pixels. The PDF from this tool has a page exactly as large as the banner, so the print shop can print it at 100% without scaling.
What are the standard web banner ad sizes?
The most used IAB display sizes are the 728 × 90 leaderboard, 300 × 250 medium rectangle, 160 × 600 wide skyscraper, 300 × 600 half page, 970 × 250 billboard and 320 × 50 mobile banner. Google Ads, for example, accepts these sizes for uploaded image ads with a maximum file size of 150 KB.
How big should the text on a printed banner be?
A common rule of thumb is about 1 inch of letter height for every 10 feet of viewing distance, with a few inches as the practical minimum for headlines. A banner meant to be read from 50 feet away therefore needs headline letters around 5 inches tall. Keep it to a short headline and one or two supporting lines.
What do the dashed line and circles mean?
The dashed line is the safe area. On printed banners it sits 1.5 inches inside the edge, because the edges are usually hemmed and fitted with grommets, shown as circles about every 2 feet. Keep text and logos inside the line so nothing is cut off or punched through. On web banners it is a small margin that keeps text away from the edge.
Should I download PNG, JPG or PDF?
Use PDF for print shops; it holds the image at the exact physical size. Use PNG for web graphics with flat colors and sharp text, and JPG when the banner has a photo background or must be small, such as display ads under 150 KB.
Can I use my own photos and logo?
Yes. Use + Image / logo to place a picture or logo anywhere, with optional rounded corners or a circle crop, or set a photo as the background with a darkening slider so text stays readable. The images are processed in your browser and are not uploaded.
Are all the tools on FreeToolCabin tested for quality and accuracy?
Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.