Design-Trends-Research-Bannersnack-
12 minutes read

Since the dawn of the Internet as we know it, banner ads were viewed and exploited as one of the most effective ways available for marketers and advertisers who needed to present their products or services to their customers. However, every industry evolves and adapts to the market based on customers’ attitudes and of course, the present trends.

Therefore, while banner advertising may prove to be a great choice, in the end, your results will depend mostly on how you manage to adapt to your own present market.

In order to adapt, you need to know-how. You need to possess the knowledge, the theory, and the method altogether.

This is why we’ve collected the following data and came up with a series of useful information that might help you navigate the murky waters of display advertising.

Methodology:

To this end, we’ve gathered data from more than 200k users and we have analyzed over 950k banner ads between January and May 2018.

This information allowed us to answer some of your most troublesome questions, thus helping you to get a clear view of today’s trends in banner advertising.


Summary

1. Most used display ad sizes

2. Most used types of static ads

3. Most used types of animated ads

4. Fonts usage in display banner ads

5. Most used types of visuals in display banner ads

6. Design from Templates or Scratch


If you don’t have time to read through all of the research you can check out the short version:

TL;DR

  • Most used display ad sizes are 300×250 (Medium Rectangle), 336×280 (Large Rectangle) and 728×90 (Leaderboard)
  • Entrepreneurs, Designers and Marketers prefer JPG file format for a static display ad
  • Most used type of animated ad: 65.50% of users are using animated HTML5 while only 34.50% use animated GIF
  • Gotham, Myriad Pro and Helvetica Neue LT Std are the most used fonts in display ads
  • 87.70% users are using their own branded images in display ads, while only 12.30% are using stock images
  • Design display ads from templates or from scratch: 96.65% of entrepreneurs, 97.86% of designers and 97.07% of marketers are likely to start from scratch

Let’s start with the first and move on as we collect our data:

1. Most used display ad sizes

Most used banner ad sizes

What is the most used display ad size? Are there more than one? What sizes should I choose for my designs?

These are three of the most important questions that arise immediately after you decide to invest in banner advertising.

In order to be effective, you need to know how to attract your audience. Obviously, everything starts with some technical details. One of these details, the size, always comes first.

According to our data, out of a large list of standard sizes, there are three banner sizes that make the top of our popularity list. However, regardless of the industry or the professionals that design the banners, there’s a number one choice that is always the same.

I am talking, of course, about the 300×250 rectangle banner. On average, here’s how the Top 3 looks like:

    1. 300 x 250
    2. 728 x 90
    3. 336 x 280
Designers preferMarketers preferEntrepreneurs prefer
300 x 250300 x 250300 x 250
336 x 280728 x 90336 x 280
728 x 90336 x 280 728 x 90

There are still some other questions that arise in relationship with these choices. They are all questions that need to be addressed before going further, such as:

Why is the rectangle the most used type of display ad size?

How does a rectangle type banner look like on a web page that has been loaded on a desktop computer and how does it look on mobile devices?

A. The 300 x 250 banner ad

Medium rectangle banner ad size

Here are some important facts regarding this particular banner size, facts that should explain why it managed to rank first in all situations:

  • We’ve already talked about this size to be the most popular among professionals that engage in online marketing and advertising. In truth, 34% of all ads published online are designed to fit this standard due to the fact that it translates across devices. This means that it looks great and readable on the desktop and mobile devices as well. This is also the most popular mobile format as well.
  • The 300×250 rectangle is also popular due to its shape which allows the designer to properly integrate texts and images without losing in readability.
  • There is a huge inventory of 300×250 banner ads available these days. This is great for designers and marketers who are also looking for inspiration and ideas.
  • Banners of this type also perform great when they are being placed within the text content or at the end of an article.
  • The 300×250 medium rectangle is the most dynamic format. It derives its effectiveness from the fact that it comes with a great readability that is also paired with the fact that it is the most widely available on all devices. In other words, this is the most used display banner format.

The aforementioned banner size is not the only one that is popular this year.

It may be the first choice for marketers, designers, and entrepreneurs but there are other sizes that are popular as well among these professionals.

B. The 728×90 banner ad

Leaderboard banner ad

Overall, this format is the second choice and there is at least one good reason for this. It is very effective when placed above the fold of the forum websites or inside the header section of a website or blog. The area is quite effective as the viewer’s focus is immediately drawn to it before reading the headlines or the content.

One might be tempted to place such an ad not only at the top of the page but also at its bottom, under the content area and into the footer section. However, according to stats, only the header unit will be successful and as a consequence, worthy of your money.

Also, this type of unit is sometimes being used as part of a sponsorship message or as a homepage takeover.

C. 336 x 280

Large Rectangle banner ad

This type of ad format is the big brother of the aforementioned 300×250 unit, the medium rectangle. This is a premium format and it is offered as an option by major advertising agencies/networks only. Being larger than the previous, this banner ad gets all its benefits. However, it may come with a better readability due to its larger area which allows bigger fonts and images.

The 300×250 unit is able to deliver a high CPM if placed above the fold.

2. Most used types of static ads

Most used types of static ads

Apart from the size, there is yet another technical aspect that should be dealt with before saving and publishing your banner ads. You need to choose your file format and apparently, this will not be a difficult task considering that there are not that many options available. Most of the static banner ads are based on the GIF, JPG and PNG compressions, with JPG being the winner in popularity.

There are a lot of banner ad examples available out there and you can browse through other designers’ work in order to understand the differences and see the final results with your own eyes.

Here’s what our analysis says about the popularity of each of these formats:

TOTALGIFJPGPNG
Entrepreneurs9.75%64.68%25.57%
Designers8.63%65.90%25.46%
Marketers14.78%59.14% 26.08%

In order to better understand the trends and make an informed decision, we need to understand the main differences between JPG, GIF, and PNG.

A. What you need to know about JPG format in display ads

Here is some important information regarding the JPG file format:

  • JPG is a file format that is mostly used for photographs and realistic images
  • A typical JPG file can be compressed at a ratio of anywhere from 2:1 to as high as 100:1 and this is one of the main reasons this compression wins when it comes to web display. A JPG image or banner can be easily optimized for size and page speed.
  • However, JPG may not be the perfect choice for banners and images rich in typographic elements, as they might look bad due to compression. This is why the JPG format is not recommended also for photographs featuring sharp-edged objects and crisp lines.
  • Technically speaking, the JPG format supports 24-bit RGB and CMYK, as well as 8-bit Grayscale color palettes.

B. What you need to know about PNG format in display ads

Now, let’s take a quick look at some important data related to the second most popular file format for static banner ads, the PNG:

  • We’ve learned that JPG is a great choice for static images due to its impressive compression capabilities. PNG file format, on the other hand, is a great choice for graphics rich in sharp objects, line arts or images that feature different typographies. These are all images that are not based upon colors but the objects and vectors they are made of.
  • PNG was developed as an open alternative to GIF and it supports 8-bit color palettes as well. However, unlike GIFs, PNGs can be also compressed and saved in 24-bit color RGB palettes, just like JPGs, which makes them a better choice in today’s context.
  • PNG is also the best choice for designers and marketers who want to integrate visual elements such as logos into the pages of their websites due to its transparency capabilities.
  • Due to its great compression rate in terms of quality, PNG is highly valued as a non-lossy file format which however works great when you deal only with small files. Banners fall into this category.

C. What you need to know about GIF format in display ads

GIF is one of the oldest file formats available online and it was used throughout the latest decades mostly for animated content. It was a great choice back in the day due to its great compression and small file size, but due to its technical limitation, it has fallen out of favor among professional designers, marketers, and entrepreneurs. Here are some quick facts about GIFs:

  • GIF files are limited to 256 colors, an 8-bit palette only, which means this format is not as good as JPEG and PNG for professional designs.
  • However, GIF makes a good choice for storing line drawings, text and iconic graphics when they are being used in small file sizes.
  • GIFs also support animations and short video clips, limiting every frame to 256 preselected colors.

3. Most used types of animated ads

Most used types of animated ads

Static ads may prove to be effective for some marketers, but there are many other professionals who invest in designing and publishing animated ads as well. This is not a debate over which banner type delivers the best results. Instead, we are going to focus on the stats that show us the trends of this year’s options based on the type of animated banner.

Here’s what we’ve found:

Animated GIFAnimated HTML5
34.50% 65.50%

There are several questions that arise at this point such as: What are animated HTML5 banner ads? What are animated GIFs? What are the main differences between the two and why do people choose one over the other?

We will try to answer them all, one by one, starting with the definitions.

  1. Animated HTML5. HTML5 is the latest evolution of the standard HyperText Markup Language, traditionally referred to as simple HTML. Most of the websites are based on these scripts and as a consequence, the format is natively supported by all browsers. Unlike previous versions, HTML5 allows the designer to animate banners using CSS, JavaScript and rich media elements without loss of visual quality and with a minimal use of space and computer resources.
  2. Animated GIFs contain a series of images encoded with the Graphics Interchange Format grouped together in a single file. The frames are presented in a specific order and can be looped endlessly. It’s a quick and simple way to present dynamic content inside a web page.

The differences between the two types of animations and why most professionals use animated HTML5 for banner ads:

Despite the fact that the GIF file format is almost as old as the Internet as we know it, it is still a popular format among regular and professional users as well. GIF banners are in many ways outdated, out of style and inefficient, but as we can clearly see from the data unveiled above, there is still over 34 percent of the marketers who still consider using them.

Two decades ago, GIFs were the main choice, their small file size being the perfect option for the slow internet connections available back then. Over the years, they were in many cases replaced by Flash banners at first and HTML5 banners later. While Flash technology satisfied the marketer’s and the viewer’s appetite for visual quality, it lacked in something that proved to be decisive: compatibility. Thus, HTML5 became the new standard for professional marketers and we can see clearly that it has been widely adopted, with more than 65% of the professionals using it today.

Here are some facts that shed some light upon the major differences between GIFs and HTML5 animated banners:

  • GIF files are limited to a 256 colors palette while HTML5 banners are not. The consequence is that the latter looks better and more stylish, which is very important when it comes to marketing and advertising.
  • Both formats, GIF and HTML5, are natively supported by all browsers. However, HTML5 acts like another web page enclosed in a frame and as a consequence, it allows the use of different scripts such as CSS and JavaScript that give more freedom to the designer.
  • The size may be an issue as well. GIF files need to be locally uploaded and hosted on a server. HTML5 banner ads can be embedded from cloud-based storage. As you may already know, all HTML5 banners created with our ad design platform are stored online on the Creatopy account.
  • In HTML5 banners, the designer may embed rich media content such as actual video clips and audio streams.
  • HTML5 banners are mobile-friendly and responsive. They adapt easily to the different types of display, a feature that is essential in today’s context.

4. Fonts usage in display banner ads

Fonts usage in display banner ads

Another important thing you need to consider when you create your digital display banners is the typography that is going to be used in order to convey your message. This is an important decision to make, considering that the message itself and the CTA need to be legible, easy to understand and easily readable.

Also, they need to be in line with your own visual image, the branding and the style of your visual marketing campaign. As a consequence, you need to choose the best and the most appropriate banner fonts for your designs.

Here’s what we’ve found out after compiling the data from our study. According to stats, the following are the most used fonts:

  1. Gotham
  2. Myriad Pro
  3. Helvetica Neue LT Std

Why are Gotham, Myriad Pro, and Helvetica Neue LT Std the primary choices? Where can they be used?

Well, as you can see from the image above, these typographies are all readable and stylish-looking. They are a great combination of classic and modern, and they are able to convey a clear and legible message regardless of the size of the font being used.

Now, let’s take a look at the most used typographies based on the occupation of the people targeted by our study:

Top 5 fonts entrepreneurs are using in their banner ads designs:

  1. Brandon Grotesque
  2. Arial
  3. Myriad Pro
  4. Raleway
  5. Futura Std

Top 5 fonts designers are using in their banner ads designs:

  1. Gotham
  2. Helvetica Neue LT Std
  3. Proxima Nova
  4. Brandon Grotesque
  5. Bebas Neue

Top 5 fonts marketers are using in their banner ads designs:

  1. Myriad Prod
  2. Helvetica Neue LT Std
  3. Gotham
  4. Proxima Nova
  5. Open Sans

5. Most used types of images in display banner ads

Most used types of visuals in display banner ads

When it comes to visuals, there are two options for everybody, regardless of their profession. You can either choose to use stock imagery or, if it is the case and your resources allow it, your own branded images.

According to trends, branded images win by far, making the top choice for over 87% of marketers, designers, and entrepreneurs.

Let’s take a quick look at the stats:

  • 12.30 % use stock images
  • 87.70 % use their own branded images

Why are branded images the best choice?

  • Branded images allow you to be more visible to your targeted audience. If they already know you, they will instantly recognize your visual elements from the banner and as a consequence, pay more attention to your offer.
  • Even if you are just starting with your company, branded elements will allow you to build awareness of your brand and familiarize the audience with it, visually speaking.
  • Branded visuals add more originality to your message. There’s a good chance with stock images that they were already used by other brands or individuals and the audience might recognize your lack of imagination.
  • It’s easier to show consistency and professionalism through branded, original images. You will certainly need to invest more, but the results may prove to be better than those triggered by unrelated, generic stock images.

6. Design from Templates or Scratch

Design banner ads from Templates or Scratch

What about the design itself? What do people choose? Do they base their designs on existing templates, or they prefer actually designing everything from scratch?

Well, according to the data we managed to collect for this study, the answer is more than clear:

From scratchTemplates
Entrepreneurs96.65%3.35%
Designers97.86%2.14%
Marketers97.07% 2.93%

This option is strongly related to the choices we’ve discussed in the previous paragraph.

Originality is strongly valued among professionals and their targeted audience as well and therefore, entrepreneurs, marketers, and designers choose to create their banners from scratch and not from the templates they have at their disposal.

For instance, you can even expedite your work and still create everything from scratch without using any templates.

Conclusion

Regardless of your type of work, in order to be effective and efficient, you need to stay true to your times and be contemporary with your work and your peers. This is even truer when you deal with an audience or when you need to convey a message to an audience in order to be successful.

Therefore, the marketing and advertising industries are always bound to adapt to the trends of their times and to the whims and behaviors of their audiences which are most of the times influenced by these trends.

This study was conducted in order to help marketers, entrepreneurs and designers get a clearer view of today’s banner ads design market and as a consequence, help them adapt easier to the expectations of their audiences.

What do you think about these numbers? Are there any other trends you might have noticed during the last months?

136424
Robert Katai
Robert Katai is the Product Marketing Specialist at Creatopy. His work was featured on Adweek, Entrepreneur, Marketing Profs, Content Marketing Institute and other places.

13 Comments

  1. muito boa essa ferramenta , parabens para toda equipe

  2. this is a nice post. the discussed process is so good.

  3. Great information. I appreciate the data and will incorporate the info to improve my banners!

  4. Many thanks that was really insightful

  5. it’s very help full post

  6. very useful article.

  7. Thank you, this is extremely valuable information to answer the annual question from our clients: “What’s new in banner ads?”

  8. I believe animated PNG is also possible.

  9. Hello Robert Katai,

    This really a nice article of you. I have enjoyed writing very much.
    As per my own observation, 300×250 ads are really performing better than other ad format and Jop is the best chose.

    However, I believe that the article is very helpful for lots of people. Keep it up :)

  10. Really helpful, My all the doubts have been cleared after reading this blog by you. Keep up the good work.

  11. So why aren’t Gotham, Helvetica or Myriad Pro included in your available font styles?

  12. Thanks for making such nice post for banner ad design. Your tips will really help me .

  13. Hi, Nyaze. I thought I’d let you know that we recently just published the display ad design statistics for 2021. You can check it out here https://www.creatopy.com/blog/display-ad-design-statistics/.

Leave a reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You may also like