Navigation

Related Articles

4 steps to optimize video for the Rich Media Creatives • HandBrake

4 steps to optimize video for the Rich Media Creatives • HandBrake


Wojtek Andrzejczak
Wojtek Andrzejczak
4 steps to optimize video for the Rich Media...

Learn how you could optimize video files for Rich Media Creatives to avoid problems on mobile devices.

What is HandBrake?

HandBrake is a free software for Mac, Windows, and Linux to optimize and resize video files. In our case, it is useful when we need to optimize video files for advertising purposes. Each Audio and Video file used in advertising must comply with strict settings.

Unfortunately, very often video files exported by the media department do not comply with Google requirements.

For example, very often, video files contain an audio track. Even if there is no real audio inside, the fact that there is an included audio track will cause iOS that video will not play.

You can download it here.

Let’s start

Video specification bellow is recommended by Apple, Android, Google, and IAB as the optimal ones, and it does only cover the case when the video file is directly embedded in the HTML5. Make sure you export the video with the settings as below.

Video Codec H.264
Progressive Download Format When encoding an MP4 for progressive streaming, use the “web-optimized” setting.
Video Target Bitratemax. 500 kbit/s
H.264 Profile/LevelBaseline profile, level 3.0
Video InterlacingProgressive scanning, ie non-interlaced.
No intra-field motion (blended frames) or interlacing
Audio CodecAAC-LC or HE-AACv1
Audio Bitrate128-192 kbps for AAC-LC,
64-128 kbps for HE-AACv1
Audio Levels-24 LKFS (+/- 2.0 dB) in the US as per ATSC A/85,
-23 LUFS (+/- 1.0) in the EU as per EBU R128

However, software like Adobe Media Encoder tries to export video with the highest quality possible and often is adding Meta tags that can weigh more than the raw video alone. That is why, for web usage, it is recommended to optimize video size and quality with a 3rd party tool like HandBrake.

Open source file

When you open HandBrake, you can select a video file or just drag&drop to the gray area.

Rich Media Creative /  HandBrake / Open file
Rich Media Creative / HandBrake / Open file

Summary: format options

After you drop the video file, you will see the “Summary” tab. Here you should select the “Web Optimized” option. What it does, is allow your browser to start displaying video while loading the next frames. Otherwise, you will need to wait until the whole video file will be downloaded.

Rich Media Creative / HandBrake / Optimize for Web
Rich Media Creative / HandBrake / Optimize for Web

Video: Quality settings

Settings I usually use are setting 25 Frames, Constant Framerate, and Quality 26. I’ve usually found that you can reduce the file size enough and have good enough quality.

But those settings will have different effects for each video, so you need to make some A/B testing what FPS and quality settings generate what effect.

Your goal is to find a balance between the size of the file and quality.

Rich Media Creative / HandBrake / Optimize Video settings
Rich Media Creative / HandBrake / Optimize Video settings

You need to test Quality settings to find the best compromise between file size and final file quality.

Rich Media Creative / HandBrake / Change export folder, file name, and extension
Rich Media Creative / HandBrake / Change export folder, file name, and extension

Additionally, an important notice is that you should rename the file name and extension from m4v to mp4. Like on the image below.

Audio: audio tracks

Normally the fact that we have an audio track inside of the video file makes no difference. But in advertising, it makes a big difference, especially on mobile devices. It is not allowed to play music in the creatives. Even if you set the mute attribute for the video, the iOS system will block your video.

So we must make sure that each video does not contain any audio at all.

To remove audio, you just need to click “Clear” button.

Rich Media Creative / HandBrake / Audio track
Rich Media Creative / HandBrake / Audio track

Correct effect, should be like on the image bellow. There should be no listed position.

Rich Media Creative / HandBrake / Audio track is removed
Rich Media Creative / HandBrake / Audio track is removed

Export file result

In our case example we were able to reduce size significantly

Rich Media Creative / HandBrake / Final exported file size
Rich Media Creative / HandBrake / Final exported file size

Links:


  • Contact Me
    Contact me if you need advice or if you need help. Would you please choose the most suitable contact channel for you?
  • My Services
    If you need a technical specialist to technical support to fix your problems, you are in the right place.
  • Who I am
    Hello, my name is Wojtek, I’m an experienced Software Engineer, with many many years of experience in the advertising industry.

Subscribe to our newsletter!

[newsletter_form]
Show Comments (0)

Comments

Related Articles

3 mistakes in HTML5 creatives • embedded video
Guidelines for creatives

3 mistakes in HTML5 creatives • embedded video

While preparing HTML5 creatives that contain an embedded video file, we face a few common problems, mostly on mobile devices.

Posted on by Wojtek Andrzejczak
8 Implementation Facts • Global Site Tag
Google Campaign Manager

8 Implementation Facts • Global Site Tag

8 implementation facts you should know while implementing Google Floodlight conversions with Global Site Tag.

Posted on by Wojtek Andrzejczak