Video Frame Rate & Bitrate Calculator body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; max-width: 100%; margin: 0 auto; padding: 0; } .calc-container { max-width: 800px; margin: 20px auto; padding: 30px; background: #f8f9fa; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid #e9ecef; } .calc-header { text-align: center; margin-bottom: 30px; } .calc-header h2 { margin: 0; color: #2c3e50; font-size: 28px; } .calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } @media (max-width: 600px) { .calc-grid { grid-template-columns: 1fr; } } .input-group { margin-bottom: 15px; } .input-group label { display: block; margin-bottom: 8px; font-weight: 600; color: #495057; font-size: 14px; } .input-group input, .input-group select { width: 100%; padding: 12px; border: 1px solid #ced4da; border-radius: 6px; font-size: 16px; box-sizing: border-box; transition: border-color 0.2s; } .input-group input:focus, .input-group select:focus { border-color: #3498db; outline: none; } .full-width { grid-column: 1 / -1; } .calc-btn { background-color: #3498db; color: white; border: none; padding: 15px 30px; font-size: 18px; font-weight: bold; border-radius: 6px; cursor: pointer; width: 100%; transition: background-color 0.2s; margin-top: 10px; } .calc-btn:hover { background-color: #2980b9; } .results-area { margin-top: 30px; background: white; padding: 25px; border-radius: 8px; border: 1px solid #dee2e6; display: none; } .results-area.visible { display: block; } .result-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #eee; } .result-row:last-child { border-bottom: none; } .result-label { color: #6c757d; font-weight: 500; } .result-value { font-weight: 700; color: #2c3e50; font-size: 18px; } .highlight-result { background-color: #e8f4fc; padding: 15px; border-radius: 6px; margin-bottom: 15px; text-align: center; } .highlight-result .result-label { display: block; margin-bottom: 5px; color: #3498db; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } .highlight-result .result-value { font-size: 32px; color: #2c3e50; } .content-article { max-width: 800px; margin: 40px auto; padding: 0 20px; color: #444; } .content-article h2 { color: #2c3e50; border-bottom: 2px solid #3498db; padding-bottom: 10px; margin-top: 40px; } .content-article h3 { color: #34495e; margin-top: 25px; } .content-article p { margin-bottom: 15px; font-size: 16px; } .content-article ul { margin-bottom: 20px; padding-left: 20px; } .content-article li { margin-bottom: 8px; } .tech-note { background: #fff3cd; border-left: 5px solid #ffc107; padding: 15px; margin: 20px 0; font-size: 15px; }

Uncompressed Video Bitrate Calculator

Calculate bandwidth requirements and file sizes based on resolution and frame rate.

Standard Resolution Presets Custom Resolution Full HD (1920 x 1080) QHD / 2K (2560 x 1440) UHD 4K (3840 x 2160) DCI 4K (4096 x 2160) 8K UHD (7680 x 4320)

Width (pixels)

Height (pixels)

Frame Rate (FPS)

Bit Depth 8-bit 10-bit 12-bit 16-bit

Chroma Subsampling / Format RGB / 4:4:4 (Full Quality) 4:2:2 (Broadcast Standard) 4:2:0 (Consumer/Web Standard)

            Required Bandwidth (Data Rate)
            0.00 Gbps
        

Throughput (MB/s) 0 MB/s

Pixels Per Second 0 MP/s

Storage Required (1 Minute) 0 GB

Storage Required (1 Hour) 0 TB

Understanding the Relationship Between Frame Rate and Bitrate

When working with digital video, understanding the mathematical relationship between Frame Rate, Resolution, and Bitrate is crucial for ensuring hardware compatibility. Whether you are setting up a professional broadcast workflow, configuring HDMI/SDI infrastructure, or estimating storage needs for raw footage, the data rate is the defining constraint.

How Frame Rate Impacts Data Rate

Video is essentially a sequence of still images played in rapid succession. The Frame Rate (measured in Frames Per Second or FPS) determines how many distinct images are displayed every second.

Mathematically, the required bandwidth scales linearly with the frame rate. If you double your frame rate from 30 FPS to 60 FPS, your uncompressed data rate doubles. This is why high-frame-rate (HFR) recording requires significantly faster storage media (like NVMe SSDs or CFexpress cards) and higher bandwidth cables (like HDMI 2.1 or 12G-SDI).

The Uncompressed Video Formula

To calculate the raw, uncompressed data rate of a video signal, we use the following physics-based formula:

Data Rate (bits/sec) = Width × Height × FPS × Bit Depth × Channel Factor

Width × Height: The total number of pixels per frame.
FPS: The frequency of frames.
Bit Depth: The color precision per channel (e.g., 8-bit, 10-bit).
Channel Factor: determined by Chroma Subsampling.
- RGB / 4:4:4: Factor of 3 (Full data for Red, Green, and Blue).
- 4:2:2: Factor of 2 (Luma is full, Chroma is halved horizontally).
- 4:2:0: Factor of 1.5 (Luma is full, Chroma is halved horizontally and vertically).

Bandwidth vs. Storage

This calculator determines the Uncompressed Bandwidth. This figure is critical for:

Cabling: Determining if you need HDMI 2.0 (18 Gbps) vs HDMI 2.1 (48 Gbps).
Live Production: Sizing network switches for Video over IP (ST 2110 or NDI).
Hardware Interface: Ensuring your capture card supports the incoming data stream.

A Note on Compressed Codecs

Most cameras and streaming platforms use compression (codecs like H.264, HEVC, or ProRes). Compressed video breaks the direct mathematical link between resolution/FPS and bitrate, relying instead on a "Target Bitrate." However, the uncompressed calculation provided here represents the maximum theoretical limit of the signal before it enters the encoder, often referred to as the "baseband" video signal.

Common Bandwidth Benchmarks

1080p60 (8-bit 4:4:4): Approx 3.0 Gbps
4K60 (10-bit 4:2:2): Approx 12.0 Gbps (Requires HDMI 2.1 or 12G-SDI)
8K30 (10-bit 4:2:0): Approx 24.0 Gbps

// Function to update Width and Height based on dropdown preset function updateResolution() { var preset = document.getElementById("resolutionPreset").value; var widthInput = document.getElementById("pixelWidth"); var heightInput = document.getElementById("pixelHeight"); if (preset !== "custom") { var dimensions = preset.split(","); widthInput.value = dimensions[0]; heightInput.value = dimensions[1]; } } // Main Calculation Logic function calculateDataRate() { // 1. Get Inputs var width = parseFloat(document.getElementById("pixelWidth").value); var height = parseFloat(document.getElementById("pixelHeight").value); var fps = parseFloat(document.getElementById("frameRate").value); var bitDepth = parseFloat(document.getElementById("bitDepth").value); var subsamplingFactor = parseFloat(document.getElementById("subsampling").value); // 2. Validate Inputs if (isNaN(width) || isNaN(height) || isNaN(fps) || width <= 0 || height <= 0 || fps <= 0) { alert("Please enter valid positive numbers for Resolution and Frame Rate."); return; } // 3. Calculation Logic // Total pixels per frame var pixelsPerFrame = width * height; // Bits per pixel (bpp) = Bit Depth * Channel Factor // Example: 10-bit 4:2:2 = 10 * 2 = 20 bits per pixel var bitsPerPixel = bitDepth * subsamplingFactor; // Total Bits Per Second (bps) var bitsPerSecond = pixelsPerFrame * fps * bitsPerPixel; // Convert to Gigabits per second (Gbps) for Bandwidth // Using standard metric 1 Gbps = 1,000,000,000 bits var gbps = bitsPerSecond / 1000000000; // Convert to Megabytes per second (MB/s) for SSD Throughput // 8 bits = 1 Byte. 1 MB = 1,000,000 Bytes (Disk storage notation usually base 10 for raw bandwidth) // However, strictly computing: var bytesPerSecond = bitsPerSecond / 8; var megabytesPerSecond = bytesPerSecond / 1000000; // Calculate Pixel Rate (MP/s) var megapixelsPerSecond = (pixelsPerFrame * fps) / 1000000; // Storage Calculations // 1 Minute = 60 seconds var bytesPerMinute = bytesPerSecond * 60; var gigabytesPerMinute = bytesPerMinute / 1000000000; // 1 Hour = 3600 seconds var bytesPerHour = bytesPerSecond * 3600; var terabytesPerHour = bytesPerHour / 1000000000000; // 4. Update Output document.getElementById("resGbps").innerHTML = gbps.toFixed(2) + " Gbps"; document.getElementById("resMBps").innerHTML = Math.round(megabytesPerSecond).toLocaleString() + " MB/s"; document.getElementById("resPPS").innerHTML = megapixelsPerSecond.toFixed(0) + " MP/s"; document.getElementById("resSizeMin").innerHTML = gigabytesPerMinute.toFixed(2) + " GB"; // Format Hour result based on size if (terabytesPerHour < 1) { document.getElementById("resSizeHour").innerHTML = (gigabytesPerMinute * 60).toFixed(1) + " GB"; } else { document.getElementById("resSizeHour").innerHTML = terabytesPerHour.toFixed(2) + " TB"; } // Show results area document.getElementById("resultsArea").classList.add("visible"); }

Frame Rate Bitrate Calculator