In the previous section, I showed you how to change a media file's container and codec. In this section, I show how to change bitrate before explaining resolution and, finally, how to embed your file in a page.
Bitrate and resolution correlate to the amount of data in a media file. It probably goes without saying, but I'm going to say it anyway. You can always lower bitrate and resolution, but increasing them is a problem. Without special software and algorithms, quality is going to take a hit.
So always start your conversion process with the highest quality source file you can get your hands on. Before doing anything, even before changing the codec or container, check the file characteristics and verify that your source file has a higher bitrate or resolution than your desired result.
Bitrate is the maximum number of bits used to encode one second of a media stream. The more bits used to encode a second of stream, the higher the fidelity.
Unsurprisingly, bitrates the web can handle are low. The table below shows you what bitrate you should target for common network conditions. For the sake of comparison, I've thrown in values for Blu-rays and DVDs.
The web numbers are approximations. This chart should not be a substitute for doing your own testing.
|Desktop web||2 Mbs|
|4G mobile||0.7 Mbs|
|3G mobile||0.35 Mbs|
|2G mobile||Depends on network type.
Which value should I use for video on my web pages? The short answer is at least: desktop, 4G, and 3G. If you're serving video in one of the markets referred to as "the next billion users", say India, for example, you'll want to include 2G as well. For demonstration purposes, I'm going to target 3G.
In FFmpeg you set the bitrate with the (surprise!) bitrate (
ffmpeg -i glocken.mov -b:v 350k -b:a 64k glocken.mp4
Notice that there are two bitrate flags,
-b:v. One is for audio and the
other is for video.
Now that your files are prepared, it's time to adjust their resolutions.