Using FFmpeg for video compression

Mastering Video Compression: How to Optimize for the Web with FFmpeg

Why to compress videos?

Large video files are the enemy of a fast user experience. Whether you are hosting videos on your own server or trying to stay under upload limits, knowing how to use FFmpeg is a superpower for any web professional.

In this guide, we’ll cover how to install FFmpeg on Windows and the most effective commands to get your videos web-ready.

Demo (Video)

Sample ffmpeg testing which converts an 81MB video to 1.8MB without much loss of quality.

1. Installation on Windows (The Easy Way)

The most efficient way to manage FFmpeg on Windows is via Scoop, a command-line installer that handles path variables automatically.

Step 1: Install Scoop

Open PowerShell and run:

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
iwr -useb get.scoop.sh | iex

Step 2: Install FFmpeg

Once Scoop is installed, run: scoop install ffmpeg

To verify the installation, type ffmpeg -version. If you see a wall of text with version numbers, you’re ready to go!

2. The Standard Web Export

For a video that plays on every browser (Chrome, Safari, Edge) and device, use the H.264 codec. This command is the “Golden Rule” for web video:

ffmpeg -i input.mp4 -vcodec libx264 -crf 23 -preset medium -acodec aac -movflags +faststart output.mp4

Key Parameters:

crf 23: The “Sweet Spot.” Range is 0–51. Lower is better quality; 23 is the perfect balance for web.
movflags +faststart: Essential. It moves metadata to the start of the file so the video plays while it’s still downloading.
preset medium: Balance between compression time and file size.

3. Advanced Compression Strategies

A. Modern Efficiency (H.265/HEVC) H.265 can provide the same visual quality as H.264 at roughly 50% the file size. ffmpeg -i input.mp4 -vcodec libx265 -crf 28 output.mp4

Note: Best for modern mobile devices and Safari.

B. Downscaling Resolution If your source is 4K but you’re displaying it in a small container, downscale to 1080p or 720p to save massive amounts of bandwidth:

# Scales to 720p height, maintains aspect ratio
ffmpeg -i input.mp4 -vf "scale=-1:720" -c:v libx264 -crf 23 output.mp4

C. Removing Audio for Hero Backgrounds If the video is just a background loop, strip the audio to save extra space: ffmpeg -i input.mp4 -an -vcodec libx264 -crf 23 output.mp4

Goal	Command/Flag	Recommendation
Compatibility	`-vcodec libx264`	Standard for all browsers
Better Quality	`-crf [value]`	Lower (e.g., 18-20)
Smaller File	`-crf [value]`	Higher (e.g., 26-30)
Fast Loading	`-movflags +faststart`	Always use for web

Conclusion

Optimizing video doesn’t have to be a guessing game. By using FFmpeg, you ensure your website remains fast and your videos look crisp.