# Field of View Calculator

Calculate camera field of view from focal length and sensor size, with scene coverage at distance.

> Canonical page: https://elysiatools.com/en/tools/field-of-view-calculator

- **Category:** Design

- **Keywords:** field of view, fov, camera, lens, sensor size, crop factor, framing, photography, cinematography

## Overview

An offline camera/lens framing calculator for photography, cinematography, and visualization work. It computes horizontal, vertical, and diagonal field of view from focal length plus sensor dimensions, then estimates how much scene width and height fit at a chosen distance. Use built-in presets for full-frame, APS-C, Micro Four Thirds, medium format, 1-inch, and phone-class sensors, or enter a custom sensor.

## Inputs

- **焦距（mm）** (number)
- **传感器预设** (select)
- **自定义传感器宽度（mm）** (number)
- **自定义传感器高度（mm）** (number)
- **拍摄距离** (number)
- **距离单位** (select)
- **显示公式** (checkbox)

## When to use

- When planning a photo or video shoot and needing to know which lens focal length will fit a specific subject or background from a set distance.
- When comparing how a lens behaves across different camera bodies, such as switching between full-frame, APS-C, or Micro Four Thirds sensors.
- When setting up virtual cameras in 3D rendering, architectural visualization, or VFX software to match real-world camera framing.

## How it works

- Input the lens focal length in millimeters and select your camera's sensor size from the built-in presets or enter custom width and height dimensions.
- Enter the distance to your subject and choose the measurement unit in either meters or feet.
- The calculator computes the horizontal, vertical, and diagonal field of view angles along with the crop factor.
- It outputs the physical dimensions of the scene coverage (width and height) that will fit within the frame at that specific distance.

## Use cases

- Selecting the right prime lens for a tight studio portrait session where the distance to the subject is limited.
- Calculating camera placement and lens requirements for security camera installations to ensure full area coverage.
- Matching real-world camera framing in CGI and VFX pipelines by calculating matching field of view angles.

## Frequently asked questions

### How does sensor size affect the field of view?

A smaller sensor crops the image compared to a full-frame sensor, resulting in a narrower field of view and a higher crop factor for the same focal length.

### Can I calculate the field of view for custom sensor sizes?

Yes, select the custom sensor preset and manually enter the sensor width and height in millimeters.

### What is scene coverage?

Scene coverage is the physical width and height of the area captured by the camera at a specific distance from the lens.

### Does this calculator support both metric and imperial units?

Yes, you can set the subject distance in either meters or feet to get the corresponding scene coverage dimensions.

### How is the crop factor calculated?

It is calculated by comparing the diagonal measurement of a standard 35mm full-frame sensor (approx. 43.3mm) to the diagonal of your selected sensor.

## Related tools

- [Color Sepia Toner](https://elysiatools.com/en/tools/color-sepia-toner): Apply sepia toning effects to colors with classic, warm, cool, and custom sepia styles
- [CMYK Color Converter](https://elysiatools.com/en/tools/cmyk-converter): Convert HEX, RGB, HSL, and CMYK colors into all four representations.
- [Color Space Converter](https://elysiatools.com/en/tools/color-space-converter): Convert a color between HEX, RGB, HSL, CIELAB, and Display-P3 with CSS-ready output and gamut checks.
- [Color Split Complement](https://elysiatools.com/en/tools/color-split-complement): Generate split complementary color schemes with harmonious contrast using base color and two adjacent colors to complement
- [CSS Easing and Animation Visualizer](https://elysiatools.com/en/tools/css-easing-visualizer): Visualize a CSS cubic-bezier easing curve, preview it live on position/opacity/scale, pick presets, and export copy-ready CSS
- [OKLCH Color Converter](https://elysiatools.com/en/tools/oklch-color-converter): Convert bidirectionally between HEX, RGB, HSL, OKLCH and Display-P3 using CSS Color 4 math, with gamut checks and out-of-gamut clipping suggestions
- [Color Blindness Simulator](https://elysiatools.com/en/tools/color-blindness-simulator): Simulate how colors appear to people with different types of color blindness
- [ECharts Theme Token Extractor](https://elysiatools.com/en/tools/echarts-theme-token-extractor): Extract design tokens — colors, numbers, font sizes and strings — from an ECharts theme JSON and export them straight into your design system. Paste a theme object (the kind registered via echarts.init(dom, themeName)) and the tool walks every leaf, tagging each color (with optional named/rgb → hex normalization), spacing number, font size and string, then emits clean CSS variables, a Tailwind theme.extend config, Style Dictionary tokens.json, or SCSS variables. Bridges the gap between an ECharts visualization theme and Figma/CSS/Tailwind design tokens without copying each value by hand.

## Samples

- [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion
- [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion
- [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion
- [Web Image Processing Rust Samples](https://elysiatools.com/en/samples/web-image-processing-rust): Web Rust image processing examples including image read/save, scaling, and format conversion

## Related content

- [Color Space Conversion Tools for Web and Print](https://elysiatools.com/en/hubs/design-convert): Curated tools for web-to-print color space conversion in one hub.
- [CSS Effects, Palettes, and Design Token Generators](https://elysiatools.com/en/hubs/design-generate): Curated tools for CSS visual effects, palette building, and design token generation in one hub.
- [Web Accessibility Audit and Accessible Color Tools](https://elysiatools.com/en/hubs/web-accessibility-audits): Review WCAG issues, screen-reader order, contrast failures, color-vision risk, and accessible palette choices in one hub for website and UI accessibility workflows.
- [Color Design & Color Space Conversion Tools](https://elysiatools.com/en/hubs/color-design-tools): Compare color converters, palette generators, harmony tools, accessibility checkers, and color adjustment utilities in one hub for designers and developers.