Menu Search
Jump to the content X

Getting Started with Banner Advertisements


Banner ads, also known as display ads or image ads, are image-based advertisements that are widely popular online. Why are banner ads so popular? They are a cost-effective way to allow advertisers to attractively display their products and services online across an array of websites. Additionally, banner ads allow for increased brand recognition and ad targeting.

Before jumping in and creating multiple banner ads there are a few recommendations to review first. You need to take into consideration the size and position of the advertisement, the context of the ad, the call to action, the file size, and other components. Outlined here are recommendations to help you design suitable ads, effective, and profitable advertisements.

Banner ads come in different sizes and are used within different positions on a page. Most commonly a website will have an array of sizes and positions from which you can choose to advertise on. Additionally, it is possible to have more than one ad on a page in different sizes or positions. Finding the right size and position for your ads can be a crucial part in determining how successful they are.

Size Link

Every website is going to have its own requirements when it comes to the size of an ad. Typically these sizes are going to be standard sizes set by the many years of practice and existence online. These sizes can often be found present in many different graphic software programs, including Adobe Photoshop and Adobe Flash. Over time ad sizes have changed slightly, with the dismissal of pop-up advertisements, however the general sizes have become rudimentary consistent.

Determining what ad size will be the most beneficial depends on the product or services of which you are advertising. Ideally, you want to reserve two-thirds of the ad for a picture or the main value proposition. The other third should be dedicated to the primary call to action. In the chart to follow you will see the most common ad sizes, of which are strongly recommended for creating any banner ad.

Yahoo! Movies1
Yahoo! Movies2

Position Link

As with ad sizes, the position of an ad is entirely up to the website itself, however there have become common standards used across the Internet. Studies have proven3 that the most successful ad positions are within the content (44.66% response), within the heading (27.32% response), within the left (7.88% response) and right (9.28% response columns, rounded out by rotating ads (4.74% response) and ads below the fold (1.93% response). Generally speaking, ads close to the content, above the fold, and near other captivating content will provide optimal performance.

300 x 250 Medium Rectangle
250 x 250 Square
240 x 400 Vertical Rectangle
336 x 280 Large Rectangle
180 x 150 Rectangle
300 x 100 3:1 Rectangle
720 x 300 Pop-Under
Banners and Buttons
468 x 60 Full Banner
234 x 60 Half Banner
88 x 31 Micro Bar
120 x 90 Button 1
120 x 60 Button 2
120 x 240 Vertical Banner
125 x 125 Square Button
728 x 90 Leaderboard
160 x 600 Wide Skyscraper
120 x 600 Skyscraper
300 x 600 Half Page As

For more information regarding common banner ad sizes and positions, and where these charts originated, please visit the Interactive Advertising Bureau (IAB) Ad Unit Guidelines6.

Have a Strong Heading Link

Immediately grab a user’s interest with a strong heading. If you are selling pet supplies a heading such as “Look Here!” will not fair as well as “Pet Supplies Specials”. Entice users with a short, captivating heading and draw them into your advertisement. Use a variation of font sizes and colors, different from the rest of the ad, to really place an emphasis on the heading.


Creative Copy Link

Users are drawn to creative copy such as “Free”, “On Sale”, “Today Only”, and so forth. Use intriguing copy that will support the heading. Keep the message short and to the point while providing enough information. Capture their attention then quickly deliver the message.


Display Pertinent Content and Images Link

In order for your ad to stand out against the rest of the content on a page you may want to spruce it up with a little visual content and/or images. When doing so, make sure that the content and images are relevant to that of what the ad is promoting. A beautiful scantily dressed lady will surely attract attention and click-throughs, but it is not going to do much good when trying to sell pest control services. Content and images have to be on target with that of the advertisement.

The Weather Channel11
The Weather Channel12

Have a Strong Call to Action Link

Every banner ad needs to have a strong call to action in order to work. Believe it or not, some users may see your ad similar as to how they see an ad on the side of a road. They observe the advertisement and store it within their memory bank, not knowing that the ad is clickable. Speak out to the user and tell them to “Click to See Home Lighting Specials” or whatever the ad is promoting. Also, make sure that your call to action is visually engaging within its size, shape, and color13 by using bright colors and an instinctively clickable shape.

Chicago Tribune14
Chicago Tribune15

Limit One Offer per Ad Link

Throwing too much at a user at a time will only confuse then, allowing them to miss your offer altogether. Before listing out every single product variation that is on sale think about using the text “All Sizes & Styles on Sale” instead. It is more attractive to the user and accomplishes the same task quicker. If it is pertinent to list all of the products it may be beneficial to run multiple ads within the same campaign.


Optimize File Size Link

The recommended maximum file size for a banner ad is anywhere between 10k and 40k, all depending on the size dimensions of the banner. The smaller the better, but by adding multiple colors, images, and animations the file size can quickly add up. Remember, the smaller your file size is the quicker your ad is able to show up on a page, thus giving you a better opportunity to grab a use’rs attention.

Weather Channel18
Weather Channel19

Use Animations and Motion Link

Users are quickly drawn to animation and motion within a page, and because so animated banner ads greatly outperform static banners. Sliding, fading, blink, and other motions will immediately grab a user’s attention, however too much will annoy them. Use visually pleasing animations, of which are completely finished with the course of no more than 15 seconds. As a precaution, the more animations you use the larger your file size will become.

HGTV Blog21

Blend In and Compliment Link

When designing a banner ad for a specific website use colors that will blend in and compliment that of the website being advertised. Making an ad look like that of the website itself will increase trust within the ad, provoking more users to click on it. If an ad is too contrasting and sticks out like a sore thumb users tend to be turned off as they know that they are trying to be sold something. Blend in and earn the users trust.


Run More than One Ad per Campaign Link

It is difficult to measure the success of a campaign based off of one banner alone. Every website is going to have a different audience of which will react differently to a banner. Create multiple banners for the same campaign and test them against one another. As time progresses mix up variations of the banners to create the best performing banners from one website to another website.

ABC Family24
ABC Family25

Measure Your Success Link

The only way to know if your banners are working is to measure your success. Create reports to see which banners have the highest click-through rate, what websites produce the highest amount of conversions, and so forth. Take note of what is working and what is not. Drop certain elements that are not working up to par and implement elements that are working into other banners. Make adjustments to your campaign upon measuring your success, then measure your success again and repeat as necessary.

Google Analytics26
Google Analytics27

Advertising Networks Link

Once you know the basics you are ready to start rolling out your banner ads. Only question is, how do you go about finding websites to advertise on? You may have a specific website in mind already, of which your best opportunity is to contact them directly or to look and see if they have any advertising guidelines or programs listed on their website. If you are unsure of where you would like to advertise, but want to get in the game this is fine as well. Listed below are a few different advertising networks that allow you to spread your ads across a collection of websites.

Google Adwords28

Display ads on websites within the Google Content Network based on keywords and demographics.

Yahoo! Advertising29

Very similar to that of the Google Content Network, Yahoo! Advertising allows you to place your banner ads on websites across their wide network.


Browse thousands of websites to advertise on selecting the website and ad position of your choice. Currently limited to web design and development website ad publishers.


Choose from one of many, many different advertising networks from Adify to find your specific niche market.

Commission Junction32

Commission Junction provides a large network of ad publishing websites from which you can connect with to display banner ads on websites, e-mails, RSS feeds, and more.

ValueClick Media33

With a huge network of ad publishers, ValueClick Media provides a good platform for any advertiser on any level.

AdOn Network34

The AdOn Network provides innovative ways to target banner ads, one of which is based on a users browsing history.

Project Wonderful35

Use the Project Wonderful search engine to browse an array of publishers to quickly get your banner ads up and running.


Specializing specifically in text and banner ads ADSDAQ gives you quite a few options on how to run, test, and monitor your banner ads.

Ad Brite37

Ad Brite offers the traditional method of purchasing banner advertisement spots (a flat monthly fee), however they also allow you purchase pay per click banner advertisments.


Fusion is a great ad network within the web design and development genre with three distinctive advertising options.

The Deck39

The Deck is another great ad network to reach the web design and development as well as creative design community.

These are just a few of the many advertising networks available. For a list of more networks please see iMedia Connection Ad Networks40.

Additional Resources Link

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45

↑ Back to top Tweet itShare on Facebook

Shay Howe is a professional web and user interface designer currently living in Chicago, IL. He writes about web design in his own blog over at letscounthedays and would love to hear from you on Twitter.

  1. 1

    Nice roundup Shay. This is really helpful in building up a real ad marketing strategy. One addition to the fact that the success can be measured is that Google analytics provides a tool that builds a unique URL for each type of banner ad you want to roll out on other sites. This is really helpful in terms of ROI analysis and to see what works or not.
    .-= Sachin @ Web Design Mauritius´s latest Blog Entry – Nobody needs web designers. =-.

  2. 5

    a very nice article .. :) ..
    .-= Sid´s latest Blog Entry – Ubuntu 10.4 Lucid Lynx Explained =-.

  3. 7

    Well written.. I actually find it interesting how the design community misses out on a lot of potential revenue by only limiting themselves to banner advertisements. There’s a lot more out there too!
    .-= Melody´s latest Blog Entry – Twin-up Of The Month: March 10′ =-.

    • 8

      Yes, there are a lot more other ways to earn a profit from blogging. I actually read an article on Cats Who Blog about it. But I think it also comes with time. The longer that your blog has been around and the more followers you have, then the more opportunities you will have as well.

  4. 9

    Very interesting article!
    It would be great a little roundup of the best advertising networks on the net with pros and cons, similar to the list at the bottom of the article.
    The tip that Sachin gave you it’s amazing…what about writing a small guide (for newbies) on it?!? =D

  5. 11

    Very interesting, but I would like to read more about how to attract advertisers to your site.

    • 12

      Hey Illie, how’s it going? When are you going to start your new blog? If you want, you can email me any questions you have and I’d be glad to answer them.

  6. 13

    The article sure is interesting but I would have liked to see more about first time bloggers implementing ads on their sites (what’s the best time, how much should you charge etc. etc.). Overall, great info!

  7. 16

    Nice article :)

  8. 18

    Shay, it’s a really awesome article. I liked the “Banner Ad Best Practices” part. And the list of advertising networks is also very useful.
    The effectiveness of this or that add and the number of impressions depend on the quality of the website where you are advertising. Recently I bought the ad on a good website (I supposed so) with high PR and nice Alexa ranking…. But I was completely disappointed with it.
    It would be also very helpful to read about what factors we should pay attention to while choosing a website for advertising purposes.
    .-= FlashMoto´s latest Blog Entry – FlashMoto Design Collection Updated with New Business Flash CMS Templates =-.

    • 19

      Sorry to hear about your disappointment.

      Certainly there are factors that come into play when choosing a website to advertise on. One, for example, is the number of ads on the website at any given time. The more ads cluttering the page the less likely your ad is to stand out and be clicked on. This is one of the primary reasons the ad network “The Deck” only shows one ad per page at a time.

      Your comment, along with Paul’s comment, raise a lot of good points. A follow-up article just may be in the works. Thanks for your insight!
      .-= Shay Howe´s latest Blog Entry – Hyperlink CSS Attribute Selectors =-.

  9. 21

    Hi Shay,

    Great article. I read up a lot of stuff on the Net but I think this is the first time that I am coming across something this comprehensive on banner ads.

    Another thing I would like to add is: Always put your company (or product) name in the banner prominently, with your logo. Even if people don’t click on the ad, they can at least see the company name and hence will consider it more trustworthy the next time they see it. To be concise, I think banner ads can help with branding as well even when they don’t get people to click on them.
    .-= Sanket Nadhani´s latest Blog Entry – CeBIT — The Complete Roundup =-.

    • 22

      Hey Sanket, great observation. Getting your logo in front of people is definitely a good thing. The more that they see your logo, the better.

  10. 23

    This is a great article! Thanks for sharing. I would agree with all that is mentioned here. I am a designer by hobby, but an advertiser by profession and I would have to say that something that designers frequently forget is a call to action. They do a good job of making everything look really pretty, but forget that in the end, the user has to DO something.

    Of all the things mentioned here, I would say the call to action is the most important.

    Thanks for a great article.
    .-= Preston D Lee´s latest Blog Entry – Is your design blog hurting your design business? =-.

  11. 24

    Wow, very informative and useful article. Thank for sharing with us.
    .-= piervix´s latest Blog Entry – How To Design A Better Blog? Break Down The Rules =-.

  12. 25

    Very informative article! Well written and full of useful information. Great work.

  13. 26

    great article Shay. Loving DesignInformer.
    .-= Matthew Heidenreich´s latest Blog Entry – 30 Inspiring Motion Graphic Reels and Sequences =-.

  14. 27

    The good old banners eh!
    My old site Addictivehobby had the banner adds with
    probably had them on the site for over 6 months & never ever got any takers !
    I suppose one has to get your web site in the top 100,000 of the Alexa ranks to get any interesting parties to buy your adds…….
    I see you are at 18,931 with Alexa ranks Jad, great acheivement indeed !
    Good article, with some good tips for some one like myself.
    P.s I just love the style of this comment area.
    .-= billy´s latest Blog Entry – Ten Tons of Photoshop- winner ! =-.

  15. 28

    Simple. Effective. Thanks for that.

  16. 29

    Thank you, this is a very helpful article! :)
    .-= Lourens´s latest Blog Entry – De grote beer =-.

  17. 30

    Great informative article that’s sure to help any new publisher getting into advertising. Thanks!

  18. 31

    Thank you :)
    .-= HD Blog´s latest Blog Entry – Canon 5D Mark II + TS-E 24mm F3.5 L =-.

  19. 32

    I simply thank you for sharing, just went need it!

  20. 33

    Really useful post, have found clients asking for banners more and more of late so this is perfectly timed!

  21. 34

    Thanks for the useful guide. I always found that text link ads, ie Google Adsense, aren’t very eye-catching. I’ve been hesitant to display Google Adsense in my site’s content, with the exception of the feed, mobile version, and search results page.
    .-= Tony´s latest Blog Entry – The Apple iPad: First Impressions =-.

  22. 35

    Great article, Jad and Shay.

    I recently designed over 20 125×125 banners for users at my blog. I have yet to approach BuySellAds as I’m only 3 months old and haven’t got a lot of popularity yet.

    Hey, guys.. is there a certain point I should look for sponsors (1000 RSS readers?) or did you just start straight away?

    .-= Lou Sparx´s latest Blog Entry – 125×125 Advertise Here Banners =-.

  23. 36

    Banner advertisement then most effective to attract customer. But the position of the place where the banner is also a concern to get a good result… Thanks for the article… :)
    .-= Web Risorsa´s latest Blog Entry – Tutorials on Image Editing and Actions in Photoshop =-.

  24. 37

    Some websites have so many ads that it’s becoming difficult to figure out which information is actually from the website.
    .-= Jogos Gratis´s latest Blog Entry – Pizza Pronto =-.

  25. 38

    Very complex article, good job!
    .-= Mihai O.´s latest Blog Entry – Inspired By AREA 1 Flickr Group #2 =-.

  26. 39

    Hey this is a great article – very comprehensive. Kudos, I know this took a long time to create. We included this site in a recent blog post on money earned from using Buy Sell Ads. You can check it out here if you want:

  27. 40

    Excellent article, thanks!

  28. 41

    Thank you for rounding up the impact of different positioning of banners on the page! That is really an eye opener for me!
    In addition what you said about blending in the site visually, I would say, that the opposite can be also true: I check the other advertisements on the site, and I make something what is identyfical, unique and attractive compared to the other banners. Ie. There are banners using stock photos, I use one with typograpy. There are static banners, I create animation etc. What do you think?

  29. 42

    I like this Site

  30. 43

    Awesome article, and nice use of images with prominent banner effects!

  31. 44

    Great article, very well written and full of useful information on how to approach banner advertisements. Fantastic work.

  32. 45

    This was such an informative and well-written article. Every marketer should do himself a favor and read it! Looking forward to others!

  33. 46

    I would love to see even more specific guidelines and tools. For example, there have to be vector banner templates out there, but I haven’t been able to find any. How big should the text be? What’s the smallest that text should be? There has to be specific tips and tricks for layouts that work. What are the best color combinations? Where are the numbers – even if they are general statistics.

  34. 47

    jeetesh srivastava

    August 29, 2013 6:34 am

    Nice and helpful post


↑ Back to top