Banner maker: website, sale and print banners at the right size
Banners come in awkward shapes: a wide website header, a leaderboard ad, a 2-metre vinyl for a market stall. This prompt has your todo.is agent build the banner at the exact size you need, keep the message short enough to read at a glance, and add text as real type so it stays sharp.
The prompt
- Make a [BANNER TYPE] banner for [BUSINESS OR EVENT]. Size: [EXACT SIZE]. Message: [MAIN TEXT], with a smaller line: [SECONDARY TEXT]. Style: [STYLE AND COLOURS]. Generate the background or image with AI, then place all text as real type so it is spelled exactly and stays sharp. Keep important content away from the edges (and centred, for headers that get cropped on phones). Deliver a PNG at the exact size, a compressed JPG under 300 KB for the web, and a PDF if it is for print. Give me 2 layout options.
What to change
- [BANNER TYPE]: E.g. "website hero", "Shopify sale", "display ad leaderboard", "vinyl outdoor", "roll-up stand".
- [BUSINESS OR EVENT]: E.g. "Greenleaf Plant Shop", "our spring sale", "Riverside Farmers Market".
- [EXACT SIZE]: Pixels for web, e.g. "1920 x 600 px" or "728 x 90 px". For print, e.g. "2 x 0.5 m" or "85 x 200 cm roll-up".
- [MAIN TEXT]: Three to six words, e.g. "Spring Sale: 30% off all plants".
- [SECONDARY TEXT]: One short line: dates, a code or a URL, e.g. "Until 30 April · code GROW30".
- [STYLE AND COLOURS]: E.g. "fresh botanical, deep green and blush pink", or "match my attached logo and website".
Example result
- Spring sale banner for Greenleaf Plant Shop
- Website hero · 1920 x 600 px · fresh botanical, deep green #23452F and blush pink #F2C6C2
- Layout A: text left, plants right
- • Monstera and fern leaves fill the right 55%, soft daylight look
- • Spring Sale: 30% off all plants in a heavy rounded sans serif, 88 px, white on a deep green panel
- • Smaller line: Until 30 April · code GROW30, 34 px
- • Pink "Shop now" button shape under the text
- Layout B: centred
- • Full-width leafy background, darkened 35% so white text stays readable
- • Headline and code centred inside the middle 1200 px, so phones that crop the sides still show it
- Size notes
- • Safe area: on many themes the sides of a 1920 px hero get cut on mobile, so the key text sits in the centre 1200 x 400 px
- • Text height: headline at least 70 px tall so it reads on a laptop without zooming
- • Weight: JPG at 82% quality, 240 KB, so the page still loads fast
- Common banner sizes your agent knows
- • Website hero: 1920 x 600 or 1600 x 500 px
- • Leaderboard ad: 728 x 90 px; medium rectangle: 300 x 250 px
- • Shopify slideshow: 2000 x 800 px is a safe default
- • Roll-up stand: 85 x 200 cm; outdoor vinyl: often 2 x 1 m or 3 x 1 m
- Files delivered
- • greenleaf_spring_banner_1920x600.png (layouts A and B)
- • greenleaf_spring_banner_1920x600.jpg: compressed for the web
- • greenleaf_spring_banner_mobile_800x800.jpg: bonus square crop for the mobile slideshow
How to do it with todo.is
- Copy the prompt and fill in the banner type, exact size, message and style.
- Paste it into todo.is or send it to your agent; attach your logo and any product photos to include.
- Your agent delivers two layouts at the exact size, plus a light web version.
- Pick one and ask for tweaks or the same design in more sizes for ads and social.
Tips for a better result
- Check your website theme's recommended banner size first. It is usually in the theme settings or documentation.
- For a vinyl print, ask the print shop for their required DPI and bleed. Large banners are viewed from far away, so 100 to 150 DPI at full size is often enough.
- Ask for a set: the same banner in hero, square and leaderboard sizes so a campaign looks consistent everywhere.
- Keep text to one headline and one line. Shoppers scroll past banners in about a second.
banner maker: FAQ
- What size should a website banner be? A common choice is 1920 x 600 px for a full-width hero, but themes differ. Check your theme or website builder, then give your agent that exact size.
- Can I get a banner for printing on vinyl? Yes. Give the size in centimetres or inches and your agent makes a high-resolution PDF or PNG. Confirm resolution and bleed with your printer before ordering.
- Why is my banner text cut off on mobile? Many sites crop wide banners on phones. Ask your agent to keep text in the centre or to make a separate mobile version.
- Can it make animated banners? Yes, as a short GIF or MP4 that fades between two or three messages. Keep the file small for ads and websites.
JavaScript is required to use the todo.is app.