Field of View Calculator

ANA›Life Services Authority›National Calculator Authority›Field of View Calculator

.calc-container { max-width: 640px; margin: 2rem 0; padding: 1.5rem; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); font-family: system-ui, -apple-system, sans-serif; } .calc-container h3 { font-family: Georgia, serif; font-size: 1.15rem; color: #1a1a1a; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--ac, #3d5a80); } .calc-row { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; flex-wrap: wrap; } .calc-row label { min-width: 160px; font-size: 0.9rem; color: #333; font-weight: 500; } .calc-row input[type="number"], .calc-row select { flex: 1; min-width: 120px; max-width: 200px; padding: 0.5rem 0.6rem; border: 1px solid #ccc; border-radius: 4px; font-size: 0.9rem; font-family: system-ui, sans-serif; color: #1a1a1a; background: #fafaf8; } .calc-row input:focus, .calc-row select:focus { outline: none; border-color: var(--ac, #3d5a80); box-shadow: 0 0 0 2px rgba(26,74,138,0.12); } .calc-row .unit { font-size: 0.82rem; color: #888; min-width: 30px; } .calc-btn { display: inline-block; margin-top: 0.5rem; padding: 0.55rem 1.5rem; background: var(--ac, #3d5a80); color: #fff; border: none; border-radius: 4px; font-size: 0.9rem; font-weight: 600; cursor: pointer; font-family: system-ui, sans-serif; } .calc-btn:hover { opacity: 0.9; } .calc-result { margin-top: 1.25rem; padding: 1rem 1.25rem; background: #f0f6fc; border-left: 3px solid var(--ac, #3d5a80); border-radius: 0 6px 6px 0; display: none; } .calc-result.visible { display: block; } .calc-result-label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: #666; margin-bottom: 0.25rem; } .calc-result-value { font-size: 1.6rem; font-weight: 700; color: var(--ac, #3d5a80); } .calc-result-detail { font-size: 0.85rem; color: #555; margin-top: 0.5rem; line-height: 1.5; } .calc-note { margin-top: 1rem; font-size: 0.8rem; color: #888; font-style: italic; } .calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-top: 0.75rem; } .calc-grid-item { padding: 0.6rem 0.8rem; background: #f8f9fa; border-radius: 4px; border: 1px solid #eee; } .calc-grid-item .label { font-size: 0.75rem; color: #888; text-transform: uppercase; letter-spacing: 0.04em; } .calc-grid-item .value { font-size: 1.1rem; font-weight: 600; color: #1a1a1a; } @media (max-width: 720px) { .calc-row { flex-direction: column; align-items: flex-start; gap: 0.3rem; } .calc-row label { min-width: auto; } .calc-row input[type="number"], .calc-row select { max-width: 100%; width: 100%; } .calc-grid { grid-template-columns: 1fr; } } .calc-chart { margin: 1rem 0; text-align: center; } .calc-chart svg { max-width: 100%; height: auto; } .calc-chart-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem 1.2rem; margin-top: 0.6rem; font-size: 0.8rem; color: #555; } .calc-chart-legend span { display: inline-flex; align-items: center; gap: 0.3rem; } .calc-chart-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; font-style: normal; } .calc-related { max-width: 640px; margin: 2rem 0 1rem; padding: 1.25rem 1.5rem; background: #f8f9fa; border: 1px solid #e8e8e8; border-radius: 8px; } .calc-related h3 { font-family: Georgia, serif; font-size: 1rem; color: #1a1a1a; margin: 0 0 0.75rem; padding-bottom: 0.4rem; border-bottom: 2px solid var(--ac, #3d5a80); } .calc-related-list { list-style: none; padding: 0; margin: 0 0 0.75rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem 1.5rem; } .calc-related-list li a { font-size: 0.88rem; color: var(--ac, #3d5a80); text-decoration: none; } .calc-related-list li a:hover { text-decoration: underline; } .calc-browse-all { margin: 0.5rem 0 0; font-size: 0.9rem; font-weight: 600; } .calc-browse-all a { color: var(--ac, #3d5a80); text-decoration: none; } .calc-browse-all a:hover { text-decoration: underline; } @media (max-width: 720px) { .calc-related-list { grid-template-columns: 1fr; } }

Field of View Calculator

Calculate the horizontal, vertical, and diagonal field of view (FOV) for a camera or optical system given the sensor dimensions and focal length.

Focal Length (mm)

Sensor Width (mm)

Sensor Height (mm)

Common Sensor Presets

-- Select Preset -- Full Frame (36 × 24 mm) APS-C Nikon (23.5 × 15.6 mm) APS-C Canon (22.3 × 14.9 mm) Micro Four Thirds (17.3 × 13 mm) 1-inch Sensor (13.2 × 8.8 mm) 1/2.3-inch (6.17 × 4.55 mm) 1/2.5-inch (5.76 × 4.29 mm) 1/3-inch (4.8 × 3.6 mm)

Calculate Results will appear here.

function fieApplyPreset() { var preset = document.getElementById('fie-preset').value; if (!preset) return; var parts = preset.split(','); document.getElementById('fie-sensor-width').value = parts[0]; document.getElementById('fie-sensor-height').value = parts[1]; }

function fieCalc() { var resultDiv = document.getElementById('fie-result');

var focalLength = parseFloat(document.getElementById('fie-focal-length').value); var sensorWidth = parseFloat(document.getElementById('fie-sensor-width').value); var sensorHeight = parseFloat(document.getElementById('fie-sensor-height').value);

// Validation if (isNaN(focalLength) || focalLength Please enter a valid focal length greater than 0.'; return; } if (isNaN(sensorWidth) || sensorWidth Please enter a valid sensor width greater than 0.'; return; } if (isNaN(sensorHeight) || sensorHeight Please enter a valid sensor height greater than 0.'; return; }

// FOV formula: FOV = 2 * arctan(d / (2 * f)) // where d = sensor dimension, f = focal length var hFOV = 2 * Math.atan(sensorWidth / (2 * focalLength)) * (180 / Math.PI); var vFOV = 2 * Math.atan(sensorHeight / (2 * focalLength)) * (180 / Math.PI);

// Diagonal sensor size var sensorDiag = Math.sqrt(sensorWidth * sensorWidth + sensorHeight * sensorHeight); var dFOV = 2 * Math.atan(sensorDiag / (2 * focalLength)) * (180 / Math.PI);

// Aspect ratio var gcd = function(a, b) { return b === 0 ? a : gcd(b, a % b); }; var wInt = Math.round(sensorWidth * 100); var hInt = Math.round(sensorHeight * 100); var g = gcd(wInt, hInt); var arW = wInt / g; var arH = hInt / g;

// Crop factor relative to full frame (36mm diagonal = 43.27mm) var fullFrameDiag = Math.sqrt(3636 + 2424); var cropFactor = fullFrameDiag / sensorDiag;

// Equivalent focal length on full frame var eqFocalLength = focalLength * cropFactor;

resultDiv.innerHTML = '### Field of View Results ' + '' + 'ParameterValue' + 'Horizontal FOV' + hFOV.toFixed(2) + '°' + 'Vertical FOV' + vFOV.toFixed(2) + '°' + 'Diagonal FOV' + dFOV.toFixed(2) + '°' + 'Sensor Diagonal' + sensorDiag.toFixed(2) + ' mm' + 'Crop Factor (vs Full Frame)' + cropFactor.toFixed(2) + 'x' + 'Full-Frame Equivalent Focal Length' + eqFocalLength.toFixed(1) + ' mm' + 'Aspect Ratio (approx)' + arW + ':' + arH + '' + '' + 'Inputs: Focal Length = ' + focalLength + ' mm | Sensor = ' + sensorWidth + ' × ' + sensorHeight + ' mm

'; }

#### Formulas Used

Horizontal FOV: FOVH = 2 × arctan(W / (2f))

Vertical FOV: FOVV = 2 × arctan(H / (2f))

Diagonal FOV: FOVD = 2 × arctan(D / (2f)), where D = √(W² + H²)

Crop Factor: CF = 43.27 / D, where 43.27 mm is the full-frame diagonal (36 × 24 mm)

Equivalent Focal Length: feq = f × CF

Where W = sensor width, H = sensor height, f = focal length, all in millimetres.

#### Assumptions & References

More Calculators

Read Next

West Virginia Hvac Contractor License Requirements Checker Verify Continuing Education And Bonding Requirements By Wv License Class ANA › Life Services Authority › National Calculator Authority › West Virginia HVAC Contractor License Requirements Checker —...

Study Time Planner Authority Network America › Life Services Authority › National Calculator Authority .calc-container { max-width: 640px;...

References

Related Authorities

Life Services Authority › Professional Services Authority › Trade Services Authority › United States Authority ›