Video Technical Guide

Understanding Video Bitrate, Resolution, and Container Overhead in Browser Compression

How target bitrate calculations, keyframe intervals, and MediaRecorder container metadata determine final video size.

By AllAdvanceTools (Maintainer & Technical Contributor)
Last Updated: September 2026
Executive SummaryMaster the mechanics of video file size computation. Understand how bitrate directly determines byte weight, why re-encoding can sometimes increase file size if not configured properly, and how downscaling resolution saves bandwidth.

1. The Fundamental Video File Size Formula

Regardless of whether a video is processed by desktop software or inside a web browser, its total file size is dictated by a fundamental mathematical formula: $$\text{File Size (Megabytes)} = \frac{(\text{Video Bitrate} + \text{Audio Bitrate}) \times \text{Duration in Seconds}}{8 \times 1024}$$ Notice that **resolution (e.g. 1080p vs 720p) does not directly appear in the file size equation**. Resolution determines how many pixels must share the available bitrate. A 1080p video encoded at 2,000 kbps and a 720p video encoded at 2,000 kbps will produce identical file sizes; however, the 720p video will typically look sharper because each pixel receives more bits of compression data.
Key Engineering TakeawayFile size is determined strictly by Bitrate × Duration. Resolution dictates pixel clarity per allocated bit.

2. Why Video Compression Can Sometimes Make Files Larger

A common pitfall occurs when users compress an already highly-compressed video (such as a 720p WhatsApp or TikTok clip encoded at 800 kbps) using a default compression profile set to 2,500 kbps: - If the encoder's target bitrate is higher than the source video's original bitrate, the resulting file will be **larger than the original** without improving visual quality. - To guarantee actual file reduction, always inspect the source file's original bitrate using the [Video Metadata Viewer](/tools/video-metadata-viewer) and select a target compression bitrate 30% to 50% lower than the source.

3. Recommended Web Video Bitrate Benchmarks

When compressing video for web sharing or email attachments: | Resolution | Aspect Ratio | Target Frame Rate | Recommended Video Bitrate | Typical Audio Bitrate | | :--- | :--- | :--- | :--- | :--- | | **1080p (Full HD)** | 16:9 (1920×1080) | 30 fps | 2,500 – 4,000 kbps | 128 kbps | | **720p (HD)** | 16:9 (1280×720) | 30 fps | 1,200 – 1,800 kbps | 96 kbps | | **480p (SD)** | 16:9 (854×480) | 30 fps | 600 – 900 kbps | 64 kbps | | **9:16 Vertical (Reels/Shorts)** | 9:16 (1080×1920) | 30 fps | 2,000 – 3,500 kbps | 128 kbps |

Featured In-Browser Tools for This Task

Frequently Asked Questions

Does trimming a video reduce file size proportionally?

Yes. Because file size equals Bitrate × Duration, cutting a 60-second video down to 30 seconds at the same bitrate immediately cuts the byte size in half.

What is container overhead?

Container formats like MP4 (MPEG-4 Part 14) and WebM add header indexes (moov atom or cues) that account for a minor fraction (usually under 1%) of the total file size.

Editorial Notice: This guide is authored and maintained by AllAdvanceTools. We prioritize technically verifiable explanations, standard W3C Web APIs, and client-side processing transparency.