Which Display Ads File Format You Should Adopt?

When it comes to deciding the file format for your display ads, a lot of questions might come to your mind such as:

1.What Format they support for Google Display Ads?

2.Which is the difference between JPEG, GIF and HTML5?

3.What are the advantages and disadvantages of each one of them?

4.How to create it?

 

Popular Display Ads Format and Size

Before we take a look at each of the formats one at a time, let’s try to understand which five Ad Sizes are more popular according to Google.

PopularDisplayAdsSize

displayadspopularsize

 

Let’s consider these factors:

  • Banner File Size: It’s crucial that you take a look at the banner’s file size. You need to make sure that the size of the banner doesn’t cross the 150kB barrier regardless of the format used by you. If you use online converters in order to alter the size of the file, then the banners will totally become blur. Hence, you must keep in mind that you should only compress it down to a minimum such that in raw format they will have smaller pixels.

  • Call-to-Action Button: There are a whole lot of GDN banners all over the Internet. However, the one of the successful methods to appeal yourself is by simply using a Call-To-Action button. Hence, you must instantly attract the people with the help of this CTA button. However, we advise you to avoid using certain CTA wordings such as “Click Here” because of the low tolerance rate of Google for such Click Baits.

 

Most Commonly Use Display Ads Format

  1. JPEG
  2. PNG
  3. GIF
  4. HTML5
  5. HTML5 AMP

Static formats are the PNG and JPEG ones, whereas the ones for animated Format are GIF, HTML AMP and HTML5. If you ask my opinion, they I might tell you to avoid using the Static Format as it’s considered to be too old-fashioned. It looks to be filled with a lot of text if you try to put much information on it. Hence, going with animated format is beneficial.

 

1.JPEG

JPG or JPEG is considered to be the most common image file type that’s used all across the world. This format is frequently used by the people for social media banner ads, websites as well as for printing purposes. This image file type is named after it’s creators called “Joint Photographic Experts Group.”

 

Advantages:

  • Known to employ a huge number of colors
  • JPG file type is available in low, medium as well as high quality

Disadvantages:

  • This file type is considered to be lossy. It means that the quality of the file will gradually decrease when you attempt to reduce the size of the file. Take a brief look at the examples below. These examples will explain to you what happens when you try to reduce the size of the file.JPEGCOMPARSION

Tools to Create:

Large Number of tools available such as Adobe Illustrator or Adobe Photoshop….and if you are “skillful” enough, you can do it with Microsoft Paint

 

2.PNG

This file format is another crucial image file format. It’s considered to be a “loseless” format. It means that you can easily edit the image without even compromising the quality.

PNG is an abbreviation for Portable Network Graphics. This format is known to be widely used in web designing. However, it’s not compatible with Print.

 

Advantages:

  •  Images with semi-transparent or transparent backgrounds
  •  Little images such as logos. Small images like logos, graphic elements

Disadvantages:

  • Known to get a lot bigger in terms of file size

Tools to Create:

Large Number of tools available such as Adobe Illustrator or Adobe Photoshop….and if you are “skillful” enough, you can do it with Microsoft Paint….

 

3.GIF

This one can be used in both animated and static format. However, people prefer to usually use it in animated format. Advertisers all over the world use GIFs widely as it can be created easily without any coding knowledge. You can find them anywhere on the Internet. It’s also used by advertisers in Banner Ads in Google Display Ads Campaign.

We suggest you three frames per GIF with a requirement of 150KB. However, if you use more than 3 frames, then the quality will look like it’s compromised (Will Look Very Ugly, Blurry and Lossy)

 

Advantages:

  • Can be made really easily

Disadvantages:

  • They can sometimes get quite heavy because of the way these files play an animation. (Frame By Frame)
  • The biggest disadvantage is that it can feature only about 256 colors which mean that the GIF animations won’t be having the best quality of image

Requirement of Google For Animated GIF:

Length: 30 seconds or shorter.

Looping: Can be looped. Must be stopped after 30 seconds.

Speed: Slower than 5 FPS.

Tools to Create:

Large Number of tools available such as Adobe Illustrator or Adobe Photoshop

 

4.HTML5

Google Display Network made an announcement regarding the discontinuation of accepting Flash Ads after the death of flash. And in time. HTML animated ads took over. In 2019, the most famous ad format is HTML5. It uses Javascript and CSS and allows to create some incredible transitions and animation effects.

If you use Google Web Designer in order to create it, you must choose to get the output to be in .zip folder. Most of the people think that a .zip folder will require unzipping. However, you just won’t. You can simply upload the .zip file to Google Ads Platform when you create Google Display Ads.

 

Advantages:

  • It’s an open web standard format file. It simply means that it’s supported by each and every browser and OS
  • Size is less that the animated GIF files
  • It allows embedding of audio, video and rich media content

Disadvantages:

  • HTML5 development tool is required to take into account the changes made to the system of Android, iOS or Windows and make the required change in the code
  • Years of practice and study is required to master the code language. However, you can simply develop amazingly beautiful dynamic HTML5 ads with the use of Bannersnack tool. You don’t need to master the code in order to use this tool.

Tools to Create:

Tools available such as Google Web Designer, Onlymega, Bannersnack and Bannerflow. (We get used to leverage Google Web Designer to create HTML5 Banners.)

 

Quick Snapshots to Create HTML5 Ads (by using Google Web Designer)GoogleWebDesignerGuideline1
GoogleWebDesignerGuideline2

GoogleWebDesignerGuideline3

GoogleWebDesignerGuideline4

GoogleWebDesignerGuideline5

GoogleWebDesignerGuideline6

GoogleWebDesignerGuideline7

 

Google Requirement for HTML5 Ads:

If you plan on running PPC campaigns by utilizing HTM5 ads, then you must check out a few requirements.

According to Google Display Network, you can run the HTML5 ads only if: 

  • You understand all about policy compliance
  • Payment history is good
  • You must have spent 1000$ USD in your lifetime

 

5.AMP HTML5

 AMP is an abbreviation for Accelerated Mobiles Page project. It’s an initiative that’s open source and targets in making the web better. The vision of this project is to make the websites and ads to be beautiful, faster and high-performing across all the devices.

AMP ads are lighter, faster and more secure. They are known to provide a better user experience and increase the rate of engagement. You can build the AMP HTML ads with the help of AMPHTML. Alongside, you can use various smart components.

HTML5AMP

Advantages:

  • 6X faster than the usual regular ads
  • Leads To A Better Experience due to its lighter nature
  • You must validate AMPHTML ads before they’re served, thereby eliminating the risk of malware and winning the trust of your clients
  • According to Google Ads, “AMPHTML ads can serve on both AMP pages (via the Ad Manager AMPHTML ad tag) and non-AMP pages (via the Google Publisher Tag). This includes both desktop and mobile web environments.

Disadvantages:

  • Settings such as blur effects, loop, action URLs and embed items are not known to work

Tools to Create:

Tools available such as Google Web Designer, Onlymega, Bannersnack and Bannerflow. (We get used to leverage Google Web Designer to create AMP HTML5 Banners.)

 

Quick Snapshots to Create AMP HTML5 Ads (by using Google Web Designer)

GoogleWebDesignerGuidelineAMP1

GoogleWebDesignerGuidelineAMP2

GoogleWebDesignerGuidelineAMP3

 

Google Requirement for AMP HTML5 Ads:

Unlike HTML5 Ads, you don’t have to meet any spending requirement or payment history or need to have a long history of the Google Ads.

 

Real Case Figure (Date Period: 1/4/2019 – 30/6/2019)

displayadsformatcomparsion

The Creative is same. Message is identical.

HTML5 has much better Performance, However, HTML5 AMP is not as good as Google claims it to be. The Clickthrough Rate is even lower than Gif Format.

So I think if you really want to go for Display Ads, Let’s consider HTML5 first. If your account is not eligible to run HTML5, then choose either GIF or HTML5 AMP at this moment. From my personal experience, I can say that AMP HTML5 provides the same performance with GIF Format. So, you can choose either one as long as you are familiar with how to create it. If you are familiar with AMP HTML5, then go for it. If you are familiar with GIF Creation, then go for it.

 

Conclusion

Do you know what will increase the CTR, Conversion Rate as well as ROI? And that’s if you are able to choose the file format suitable for your display ads.

You must always prefer to use animated format instead of the static ones. If you ask us about the priority list of all the above formats, then the first in the list will be HTML5 which is followed by AMP HTML5. After AMP HTML5, you must consider going with GIF one. At the bottom of the priority list of the perfect file formats come JPG and PNG file format.

 

 

 

 

English
香港中文版 English
Scroll to Top