Banner ads | Ad sizes | Display advertising | Adtech | Affiliate marketing | Lead generation
Mobile advertising / Three formats
Design for the smallest useful canvas. Compare three compact banner formats, then review the phone experience that comes after the tap.
Exact 320 px wide × 50 px high, including the border. No resizing. Scroll the preview when needed.
A compact mobile canvas that favors a short promise and unmistakable brand recognition.
Size guide + source code ↗
Exact 300 px wide × 50 px high, including the border. No resizing. Scroll the preview when needed.
A narrow mobile strip for a very concise message, delivered at the exact requested dimensions.
Size guide + source code ↗
Exact 320 px wide × 100 px high, including the border. No resizing. Scroll the preview when needed.
A taller mobile banner with space to separate the main message from its supporting brand and action.
Size guide + source code ↗All CSS and GIF examples are displayed at 1:1 CSS-pixel size. Borders are included in the stated dimensions. Wide units scroll inside their preview instead of being squeezed or stretched.
A format tells you the shape of a creative. It does not settle the file type, package weight, click handling, animation limits, or publisher approval process. Keep the destination’s delivery instructions beside the artboard.
The IAB Tech Lab’s New Ad Portfolio includes flexible, aspect-ratio-based guidance. This library is a fixed-size reference, not a claim that these nine formats are the entire IAB portfolio. Specific platforms continue to publish their own accepted creative dimensions.
Confirm where the campaign will run and which formats are accepted before building a large asset set. Use the composition notes on each format page, then review the delivery checklist. Recompose the message for a new shape instead of stretching a finished image.
Start with a short promise, a clear brand cue, and an appropriate next step. Review the smallest exported version at its intended size. A larger phone canvas should improve spacing and hierarchy, not become a container for every detail removed from the desktop version.
Open the final campaign destination on a phone. Check that it delivers the offer, identifies the expected commitment, and lets a visitor use the main action without awkward scrolling or precision tapping. Continue with the mobile creative field note for a full review process.