Create Backup Images
for GAP HTML5 Banners
Prepare PSD Files
Prepare PSD Files
BEFORE WE BEGIN
Let’s remind ourselves what backup images are and why they are necessary to provide with any HTML5 banners.
Backup images are a static picture (JPG) of the final frame of the HTML5 banner animation and they do exactly what they say on the tin – they are a backup up, or a “Plan B” for instances where the website would not be able to serve your animated HTML5 banners. For example, if a user is using a version of internet explorer that is several years out of date, that browser might not have the appropriate updates installed to display your ad properly. In those cases, the ad server will recognize that the end user does not meet the necessary criteria for viewing an animated HTML5 banner and will serve a back up image instead.
Although there are no metrics that indicate how often backup images are served instead of animated HTML5 banners, if your HTML5 Banners are coded properly and at a reasonably small file size, as GAP HTML5 banners are, ad servers will most likely serve the animated version of your banner in most instances. Even if the backup images are not served very often, media agencies will not accept HTML5 banners without them, so ensuring your backup images match the language, products etc of your animated banners is an important step in delivering your banners to your media agency.
IMPORTANT NOTICES
If you are a graphic designer, I would recommend skipping to the second section after the introduction, but if you are new or unfamiliar with photoshop I recommend your follow along all the way through.
I’m assuming that you’ve already watched the intro to the gap programme and the short explanation what’s included in your gap files video, if you haven’t had a chance to watch them yet there are links below to those videos or you can find them on the gap program website.
It is important that you have made all the necessary updates/changes to your HTML5 banners before creating your backup images. If you update the backup images but continue to make changes to the text or images in the HTML5 banners, there is a chance you will need to update the backup images again, so please be sure that your HTML5 banners are 100% signed off prior to updating your backup images
Most ad servers require backup images to be 40KB or less, which means you might find some pixelation when exporting your backup images. Luckily, as we discussed in the introduction, when your HTML5 banners are coded properly, it is unlikely that your backup image will be served very often; however, we will show you some inside tricks we use to compress the file size of our. Backup image without losing too much quality
Why Choose The Bannermen






See some of our work
Johnnie Walker
Johnnie Walker our work Standard Media Adverts Exceptional and Unparalleled Johnnie Walker is one of those brands to whom we could pen a love letter. Their briefs range from elegant builds with subtle animation to chipper and quick frame transitions with bright colours, to builds that feature rich colours paired with smooth and captivating animation. [...]
Diet Coke
Diet Coke our work Standard Media Adverts Oh yes, we can What’s better than an animated banner ad? Probably nothing—except maybe a glittery animated banner ad! And that’s exactly the creative brief that Diet Coke came to us with. We were only too happy to help glitter-fy the screens of Diet Coke’s audience with these [...]
Heineken Social
Heineken Social UEFA Champions League our work Social Facebook Instagram Global campaign in 6 hours or less Heineken came to us in 2018 with some lofty social media goals as they wanted to make their brand synonymous with UEFA Champions League games. To do so, they proposed creating Instagram posts, Instagram Stories, YouTube videos, and [...]
Nike
Nike our work Rich Media Adverts Find your Unlimited Potential Nike approached us with a killer banner ad campaign concept—desktop-only video ads that featured various Nike athletes, almost no text aside from a tagline, and multiple product shots in action. Which is exactly what we created! Just try and tell us these aren’t the slickest [...]
Heineken Rich
Heineken our work Rich Media Adverts Raise a Heineken to Video & HTML5 Integration Heineken is one of our favourite brands to work with, both because they have such great creatives and because they have such high standards. For this rich media campaign, we were commissioned to seamlessly integrate HTML5 with video. A quick word [...]
Gatorade
Gatorade our work Standard Media Adverts Client Direct Gatorade is one of our most important direct-to-client relationships. While more and more companies are looking to in-house some or all of the production process, our professionalism and expertise really starts to shine. Deploying (on average) two or three campaigns a year, it was not financially viable [...]
EON
E.ON our work Rich Media Adverts Dynamic Media Programmatic Display Guardians of the Brand Galaxy E.ON is an international, privately owned energy supplier based in Essen, Germany, and has around 43,000 employees. As with any global powerhouse, E.ON delivers only the highest quality in everything they do, and digital display media is no exception. The [...]
McDonald’s Wraps
McDonald's Wraps our work Standard Media Adverts Campaign Consistency We know it feels like it's been a long time since McDonald's launched it's wraps, but when they did, we were right there with them! To get this campaign out the door, we produced a series of video and HTML5 units. This campaign was actually launched [...]
McDonald’s GTA
McDonald's GTA our work Rich Media Adverts Dynamic Media Parallax Plunge When McDonald's comes knocking at your door, you answer. So when we were brought in to help introduce the flavours of America to a British audience, we were thrilled! The beauty of these banners is found in their simplicity. As anyone who works with [...]
Destination BC
Destination BC our work Standard Media Ads Rich Media Ads Programmatic Ads Go Wilder Explore BC is an initiative to get BC residents to experience different aspects of their province during the fall, winter and spring months. It also includes a global ski campaign which help to advertise BC ski resorts, which account for almost [...]
Lotto Max
Lotto Max Millions our work Rich Media Adverts Dynamic Display Programmatic Display Retargeting Undercover This campaign for Lotto Max Millions was perhaps one of the most challenging projects we have undertaken. Take a minute to consider that every single banner you see on this page is in fact the exact same banner with minor adjustments [...]
Amazon Prime
Amazon Prime our work Standard Media Adverts Fall in Love with Amazon Prime This great set of banners was designed to accompany a campaign that saw shoppers falling in love not only with an Amazon product, but with the version of themselves who made the purchase. In the television spot associated with these banners, shoppers [...]
Evo
Evo our work Rich Media Adverts It's a BC Thing Evo is a carsharing service in the Greater Vancouver area, created by the British Columbia Automobile Association. When Evo approached us to re-create their visually stunning TV spot in HTML5 it was not a simple task because at the time, the digital sphere was undergoing [...]
Google Assistant
Google Assistant our work Standard Media Adverts The Tightest of Deadlines Working with an international powerhouse brand like Google is always exciting and this campaign for Google Assistant was nothing if not that. The biggest challenge facing our team on this project was the tight deadlines. The client had less than a week to produce [...]
Bulb
Bulb our work Standard Media Adverts Greener. Brighter. Better. Working with Bulb was simply electric! Pun intended! But seriously, getting this campaign in and out the door was a lot of fun. Firstly, Bulb has such an undeniably cool style and we were very excited to bring the hand drawing to life. As with most [...]
Get in touch
We’re ready to take your animations to the highest heights! From amped up illustrations to subtle, elegant pans and fades, we’re here to help make your animation dreams a reality.