Encoding Guide
Backed by FFMPEG, Remotion allows you to configure a variety of encoding settings. The goal of this page is to help you navigate through the settings and to help you choose the right one.
Choosing a codec
Remotion supports 5 video codecs: h264 (default), h265, vp8, vp9 and prores. While H264 will work well in most cases, sometimes it's worth going for a different codec. Refer to the table below to see the advantages and drawbacks of each codec.
| Codec | File extension | File size | Rendering time | Browser compatibility |
|---|---|---|---|---|
| H.264 also known as MPEG-4 | .mp4 or .mkv | Large | Very fast | Very good |
| H.265 also known as HEVC | .mp4 or .hevc | Medium | Fast | Very poor |
| VP8 | .webm | Small | Slow | Okay |
| VP9 | .webm | Very small | Very slow | Okay |
| ProRes | .mov | Large | Fast | None |
Click on a browser compatibility link to see exactly which browsers are supported on caniuse.com.
You can set a config using Config.setCodec() in the config file or the --codec CLI flag.
Controlling quality using the CRF setting
Applies only to h264, h265, vp8 and vp9.
No matter which codec you end up using, there's always a tradeoff between file size and video quality. You can control it by setting the so called CRF (Constant Rate Factor). The lower the number, the better the quality, the higher the number, the smaller the file is – of course at the cost of quality.
Be cautious: Every codec has it's own range of acceptable values and a different default. So while 23 will look very good on a H264 video, it will look terrible on a WebM video. Use this chart to determine which CRF value to use:
Changelog
- Since version 2.1.3, Remotion doesn't allow the CRF to be set to
0anymore because of the issues it causes on macOS/iOS and possible other scenarios. Set the CRF to 1 or higher.
| Codec | Minimum - Best quality | Maximum - Best compression | Default |
|---|---|---|---|
| H264 | 1 | 51 | 18 |
| H265 | 0 | 51 | 23 |
| VP8 | 4 | 63 | 9 |
| VP9 | 0 | 63 | 28 |
You can set a CRF in the config file using the Config.setCrf() function or use the --crf command line flag.
Controlling quality using ProRes profile
Applies only to prores codec.
For ProRes, there is no CRF option, but there are profiles which you can set using the --prores-profile flag or the setProResProfile config file option.
| Value | FFMPEG setting | Bitrate | Supports alpha channel |
|---|---|---|---|
"proxy" | 0 | ~45Mbps | No |
"light" | 1 | ~102Mbps | No |
"standard" (default) | 2 | ~147Mbps | No |
"hq" | 3 | ~220Mbps | No |
"4444" | 4 | ~330Mbps | Yes |
"4444-xq" | 4 | ~500Mbps | Yes |
Higher bitrate means higher quality and higher file size.
Audio-only export
You can pass mp3, wav or aac as a codec. If you do it, an audio file will be output in the corresponding format. Quality settings will be ignored.
Use .mkv container format
You can set the codec to h264-mkv to use the mkv container format together with the H264 codec. If you select this option, the audio will be encoded losslessly using the WAV codec.
This preset was created for Remotion Lambda, and is optimal for when concatenating multiple video clips into one.
GIFs
You can also render you video as a GIF.
What other settings do you need?
Which of the dozens of options that FFMPEG supports would you like to see exposed in Remotion? Let us know by opening an issue on our issue tracker!