Skip to content
Sizewright

1200 × 400Content banner

A banner for inside your own pages: between sections, on a blog or on a category page. It takes a headline and an image side by side, at a size that fits most content columns.

Example. Noordkaap, Split Field layout. The dashed frame is the safe zone: text, logo and button stay inside it. Shown at 81% of its real size.

Specs

Size1200 × 400 pixels
Aspect ratio3:1 (3:1)
ShapeLandscape
Runs onYour own website
Safe zone18 px from every edge
Smallest text16 px for text and buttons, 23 px for headlines
Static fileLarge files allowed
AnimationAnimated GIF, up to 30 seconds
Spec sourceNo platform sets this size; it is a common size for the placement

Where it runs

The export packages that take this size, and what each one delivers for it.

No ad platform package takes this size. It exports as PNG, WebP and AVIF at its own size and at twice the size for sharp screens, plus layered source files.

File size

The limit depends on where the banner runs. These are the limits for this size, and how Sizewright stays inside them.
Still imageLarge files allowed
  • On your own site, use the WebP or AVIF file and keep the PNG as a fallback; Sizewright exports all three, also at twice the size for sharp screens.
  • Email clients often hold images back until the reader allows them: keep the message readable in the email’s text as well.

Design rules for 1200 × 400

Landscape. Between 1.25 and 4 times as wide as it is tall. Room for an image beside the copy, like a magazine spread.

What works

  • Split the frame: image on one side, headline and button on the other, so neither covers the other.
  • Put the subject of the image on the side away from the copy, so faces and products are never cut by text.
  • A headline and a short subline fit; keep the button in the copy column, in reading order.
  • Keep the logo small, in a corner of the copy column: the image already fills half the frame.
  • No platform covers the banner here, so the whole frame inside the safe zone is yours.

Common mistakes

  • Centering everything, which leaves the corners empty and the copy floating.
  • Text across the busiest part of the image.
  • A logo as large as the headline.

Made in this size

Real output for fictional brands, every banner passed by the same quality checks as yours.

Questions about the 1200 × 400

Where is the 1200 × 400 used?

A banner for inside your own pages: between sections, on a blog or on a category page. It takes a headline and an image side by side, at a size that fits most content columns.

What size is a Content banner banner?

A Content banner is 1200 × 400 pixels, an aspect ratio of 3:1. Sizewright composes it at exactly that size and also exports a version at twice the size for sharp screens on websites and in emails.

How large can a 1200 × 400 file be?

No ad platform sets a limit for it. Sizewright exports it as compressed WebP and AVIF beside the PNG, so you can use what your page, email or screen player needs.

Can a 1200 × 400 banner be animated?

Yes, as an animated GIF of up to 30 seconds. The still image comes with it for places that do not show animation.

How do I design for the 1200 × 400?

Between 1.25 and 4 times as wide as it is tall. Room for an image beside the copy, like a magazine spread. Split the frame: image on one side, headline and button on the other, so neither covers the other. Put the subject of the image on the side away from the copy, so faces and products are never cut by text. A headline and a short subline fit; keep the button in the copy column, in reading order. Keep the logo small, in a corner of the copy column: the image already fills half the frame. No platform covers the banner here, so the whole frame inside the safe zone is yours.

Create a 1200 × 400 set from your brand

Paste your website address. Sizewright reads your brand and composes this size with every other format of the campaign.