Banner Ad Sizes: Standard Display Ad Dimensions in Pixels

Standard banner ad sizes chart

Banner sizes are always given as width × height in pixels. The set below is the IAB fixed-size portfolio plus the legacy sizes that ad servers still accept. The sizes in bold rows are the ones worth producing first.

The pixel sizes are layout (CSS) pixels, not physical screen pixels. A 300 × 250 slot on a phone with a 3x display is drawn with 900 × 750 device pixels, which is why some buyers deliver artwork at double size (see the section on high-density screens below).

300 × 600 300 × 600 px336 × 280 336 × 280 px300 × 250 300 × 250 px320 × 50 320 × 50 px

Which banner sizes carry the most inventory

Google's AdSense guidance names five top-performing sizes: 300 × 250, 336 × 280, 728 × 90, 300 × 600 and 320 × 100. They perform because publishers have the most slots for them, so advertisers bidding on them reach the most pages. A campaign built in these five, plus 320 × 50 and 160 × 600, can fill nearly every standard slot.

• 300 × 250 is the one size that works on desktop, tablet and phone. If you can only make one banner, make this one.
• 336 × 280 holds 25% more pixels than 300 × 250 (94,080 vs 75,000) and shares its 6:5 shape. Many slots that accept 336 × 280 will also take a 300 × 250, but not the other way round.
• 300 × 600 has twice the area of a medium rectangle and is often sold as a sticky unit that stays in view while the reader scrolls.
• 728 × 90 needs a viewport at least about 750 px wide, so it disappears on phones in portrait. Pair it with 320 × 50 or 320 × 100 for mobile.

Mobile banner ad sizes

On a phone held upright the usable width is roughly 360 to 430 CSS pixels, so every mobile unit is 320 px wide or narrower. The choice is about height and how intrusive the unit is.

Google Ads and AdSense banner specs

Google treats display ads in two ways: fixed-size uploaded image ads, and responsive display ads assembled from your assets.

Uploaded image ads

• Sizes: all the IAB sizes in the chart above, plus some regional ones such as 980 × 120 (panorama) and 250 × 360 (triple widescreen).
• File size: 150 KB maximum per image.
• Formats: JPG, PNG or GIF.
• Animation: GIFs must stop animating after 30 seconds and run slower than 5 frames per second.

Responsive display ads

Google crops and recombines these assets to fill any slot, so keep the subject centered and leave about 5% of empty margin on each side. Text baked into the image tends to get clipped; put the message in the headline fields instead.

Banner ad sizes on Meta (Facebook and Instagram)

Meta does not sell IAB banner slots. Its image ads are sized by aspect ratio, and the same creative is placed in feeds, Stories and Reels. Upload at least 1080 px wide.

For 9:16 placements, keep text and logos out of the top and bottom 14% of the frame (about 270 px each on a 1920 px tall image), where the profile name and call-to-action button sit. Meta dropped its old rule limiting text to 20% of the image, so text-heavy creative is no longer rejected outright. For organic post sizes on the same networks, see the social media image size guide.

File size, format and animation rules

1. Stay under 150 KB for static banners. It is Google's hard limit and a common publisher limit. A 300 × 250 JPG at 80% quality usually lands between 30 and 60 KB, so the limit only bites with heavy photography or long GIF animations.
2. Use PNG for flat graphics and text, JPG for photos. PNG keeps type crisp; JPG compresses photographs far better.
3. Keep animation short. Google stops GIFs at 30 seconds. IAB guidance and many publishers cap animation at 15 seconds, so make the final frame carry the full message.
4. Add a 1 px border in a mid-gray if the ad background is white. Many publishers require it so the ad does not blend into the page.
5. Check the clickable area. On a 320 × 50 banner the whole unit is the tap target; buttons drawn inside it are decoration, so do not add fake close buttons, which most networks forbid.

High-density screens: when to build at 2x

Most phones and many laptops have displays with 2 or 3 device pixels per CSS pixel. A 300 × 250 image shown on them is stretched and text looks soft. For HTML5 and direct-sold banners, build the artwork at double size (600 × 500 for a medium rectangle, 640 × 100 for a mobile banner) and let the ad tag display it at the nominal size.

Double size means four times the pixels, so file weight rises. Keep the 2x file inside the platform limit by simplifying backgrounds or using HTML5 with vector shapes and live text. Google's responsive assets already ask for 1200 px images, so this step applies mainly to fixed-size creative.

Designing one campaign across all sizes

The shapes are so different that one layout cannot be scaled to fit them all. A 728 × 90 leaderboard is eight times wider than tall, while a 160 × 600 skyscraper is almost four times taller than wide. Group the sizes by shape and design three master layouts:

Minimum legible type is about 12 px for body text and 16 px or more for the headline on a 320 × 50 banner. On a 728 × 90 there is room for roughly six to eight words at that size, so write the headline for the smallest unit first. For more on how ratios like 1.91:1 and 4:5 relate to screen shapes, see the aspect ratio guide, and for the pixel sizes of common displays, the screen size guide and phone screen sizes.

Frequently asked questions