Home Web Development What is Standard Banner Size?
What is Standard Banner Size?
2

What is Standard Banner Size?

7.20K
2

As with most institutionalized and regimented things, banner sizes too come in some pre-existing forms or dimensions, known as “standard banner size”. From full banners, half banners and skyscrapers, to micro button banners, there are multiple categories of banners with multiple widths, heights, or utilities. Depending on their location on a webpage, each banner has a specific name and a specific function. The following image, for instance, gives an overview of the kind of banner shapes and sizes which are generally seen on a website.

What is Standard Banner Size?

What is the purpose behind using banners?

Banners are generally graphically enriched, informative advertisements which are designed to attract. Because more traditional forms of attention such as magazines and TV are gradually becoming less important in this digital era, more and more advertisers are opting towards the digital medium for their advertisements. Of course, some web pages also use banners in the form of self-identity – that is, they advertise various aspects of the website that a user might be on.

Simply put, they are simple image files (generally jpeg, gif or flash) which integrate three basic elements: text, logo and image. The size is quite small, which makes it easy to put on any website without slowing it down. Unlike Rich Media, there’s almost no interactivity with the audience or consumer, which is why banners are also known as static files at times.

Different kinds of banners: the facts

At one point of time, there were over 205 different forms of banners spread over different countries. Of course, that created quite a few problems, considering that the internet is essentially a border-less network of people. AS a result, the IAB regulated the sizes and provided a rigid guideline to determine standard banner sizes. Before considering the sizes, however, there are some more factors which we might look into.


What is Standard Banner Size?

Standard Banner Sizes which come in two different forms

There are two main types of web banner ads when it comes to content:

  1. Single image banners, which may be animated with the use of GIF images or through static images such as JPEGs. GIF animated banners are the most widely prevalent form of ads. These banners are generally more cost effective than others.
  2. Flash banners which use flash technology, which implement quality graphics with smooth operational elements and vibrant colours. Ads displayed on Yahoo!, for instance, are are generally flash banner ads.

Different kinds of banners according to sizes

What are the most popular formats for website banners available at present? They are:

Size (in pixels)Style
120 x 240Small Skyscraper
120 x 60Button
120 x 600Skyscraper
120 x 90Button
125 x 125Square Button
160 x 600Skyscraper
180 x 150Rectangle
234 x 60Half Banner
240 x 400Fat Skyscraper
250 x 250Square
300 x 250Square
336 x 280Square
468 x 60Full Banner
728 x 90Leader-board
88 x 31Button

While there are other sizes and forms available, such as a 120 by 30 button or a 550 by 80 pop-up, etc. the above mentioned sizes are considered what is known as a “standard web banner”.

The methodology behind creating standard banner sizes for the web

There are several methods by which you can create a banner for a website, but we’ll just cover the five most prominent ways of doing so.


What is Standard Banner Size?

  1. Photoshop: The most popular method by far, Photoshop employs pre-set banner sizes and lets you decide what you want to do. However, the use of Photoshop is mostly restricted to static images.
  2. MS Paint: MS Paint is also commonly used but designers generally give it a miss for its limitations. Banner size selection is especially difficult with it because there are no ways of inputting fixed dimensions.
  3. MS PowerPoint: Many people also use MS PowerPoint, but again, this is not a recommended method for it. If you want, however, you could choose the Blank Presentation option to create a text and image based design.
  4. Online Banner Constructors: These are popularly used by people who want a quick and easy way of customising their banners. Although not as professional as using Photoshop, it does have its advantages. There are plenty of free services available, so you can take your pick and generate simple banners in no time.
  5. Macromedia Fireworks: This is for the more technologically advanced graphic designers who can utilize it to make gifs and other such banners. It takes a little bit of HTML coding, but nothing too advanced.

Why is the banner size relevant to good business?

Banner sizes are influential in how people perceive your website or website design. Size is the first thing that impresses people when they see something, because we’re primarily visual beings, and that means the bigger it is, the more approachable it is as well. The thing is that banner sizes, when disproportionately big, can take away from the main factor: the website which generally happens to be WHY the visitor was on the website in the first place.

This is why standardized banner sizes are so relevant to our web experience at this point of time. The top three banner sizes are, it has been seen, responsible for generating at least 78% of business for most publishers or advertisers. These three sizes are leaderboards, wide skyscrapers, and the medium rectangles.

On the other hand, if you take a list of the top ten standard web banner sizes, you will find that it generates 90% of revenue from ads. These are as follows:


What is Standard Banner Size?

  1. Medium Rectangle Banner (300 x 250) – ad impression share of 34%.
  2. Leaderboard Banner (728 x 90) – ad impression share of 31%.
  3. Wide Skyscraper (160 x 600) – ad impression share of about 13%.
  4. Skyscraper (120 x 600) – 2% share
  5. Rectangle (300 x 100) – 2% share again
  6. Micro Bar (88 x 31) – 2% share
  7. Half-page banner (300 x 600) – 1% share
  8. Large Rectangle (336 x 280) – 1% share
  9. Mobile leaderboard (320 x 50) – 1%
  10. Banner (468 x 60) – 3%

These figures are only indicative of the popularity of various banner sizes, and how effective they are in a real time scenario when it comes to making an impression.

Best Practices for Banner Ads:

  1. Headlines: Having strong headlines (headings) are a great way of captivating audience attention. A variation in text colour and sizes often leads to a better and fuller experience of a banner.
  2. Content: Items related to the topic such as content or images in the banner are always useful, especially in pop-up banners. In other words, it is more helpful if you choose banners according to the marketing message you wish to employ.
    What is Standard Banner Size?
  3. Calls to action: The CTA basically determine how quickly you can convince your audience to follow the banner to another website. The relationship is a direct one: the better the CTA, the better the audience response.
    What is Standard Banner Size?
  4. Animations and GIFs: These tend to be better as banner ads simply because they attract more attention by distracting users from whatever text is present on the webpage. If the ad comprises mainly of graphics i.e. digital images, a large square or a wide skyscraper is the best bet.
  5. Size matters: The previous section established this, but when looking to establish your business through banners, the bigger the better in all likelihood. Leaderboards are extremely eye-popping, so if you need to grab attention, this is the best option.
  6. Hit and Trial works: In the banner world, it definitely does workout well. There are numerous websites which can give you analytical data when you place an ad, to help determine which size works best for you.
Lester Conway I'm a professional web developer. 11 years of experience force me to say: "If you don't know how to do it - ask me and will answer on all your questions". A bit arrogant? So what?

Comment(2)

  1. Vinyl banners are used very commonly in marketing because they are an inexpensive mean to show off a new product or a new promotion.

LEAVE YOUR COMMENT

Your email address will not be published. Required fields are marked *