Regarding the frame rates (FPS) - it depends on the preset and your source video but make sure you have Peak Frame-rate (VFR) option enabled, as it works like a threshold. (If you’re interested, here’s a great post about different rate control modes.) We usually experiment a bit with the RF values, but usually end up somewhere between 20 and 30 on the quality-slider. If you want to target a specific file size, you can select Two-Pass Average Bit Rate (ABR), but we usually go for Constant Rate Factor (CRF) instead, giving us a variable bitrate, but overall good quality. We usually start with the following default values, and then adjust for each case: Use your judgment: Is this a prominent ‘hero’ video or some secondary video that appears on some fringe hover-state behaviour? A good rule of thumb: stop compressing when you start noticing a visible difference compared to the source file. Make sure you are exporting it only at the maximum resolution of that you need for the video - there’s no need to go overboard for some tiny in-page video. (In HandBrake go to the Audio tab, then select Tracks -> Remove all tracks.) Think small It’s tempting to just slab the ‘muted’ attribute on the video element in your code, but removing the audio tracks can trim down the file-size a lot. If you are displaying video without any audio, make sure you remove all the audio tracks when encoding.
#Handbrakr recompress mp4
Sometimes referred to as “Fast Start,” this places the MP4 container header at the start of the file, letting the browser start streaming the file quicker. For example, you select 720p30, HandBrake will automatically translates that to the perfectly acceptable x264 Unparse: level=3.1:ref=2:vbv-maxrate=14000:8x8dct=0:vbv-bufsize=14000:subme=6:weightp=1:rc-lookahead=30, which, luckily, you really don’t have to think about, unless you want to become a hardcore encoding enthusiast. There are presets for most of your needs, and they’re pretty great. The HandBrake interface might look somewhat intimidating at a first glance, but don’t worry.
If you prefer command line then you can go for FFmpeg. They all work equally well, but I’ll focus on HandBrake in what follows, because it’s free, has a nice GUI, and uses the great x264 encoder. At Ueno we’ve mostly used FFmpeg, Adobe Media Encoder and HandBrake. There are a few tools out there that take care of the heavy lifting. It’s got great performance, file-size and quality, and most importantly it behaves well on almost all browsers, platforms and devices. Use MP4/H.264įor our web videos we use the MP4 format and the H.264 compression standard (MP4/H.264). The result always depends on the video content and your own criteria, such as the tradeoff between file-size and artefacts by the compression. For us this means a mix of testing/tweaking presets, and “trial-and-encode” (sorry). It’s all about finding a balance between aesthetics and performance.
There’s no true optimal universal compression-quality setting. Hey Malte - thanks for the mail and that nice comment. Einar Birgir Einarsson, developer at Ueno Reykjavík, dictated this reply to Siri while driving to work one morning:
0 kommentar(er)
