Webcam Lighting & Framing Analyzer

Three diagnostics — lighting balance, face framing, and resolution. All analysis runs locally. No frames uploaded.

ZERO UPLOAD · ALL LOCAL
  1. Click "Enable Camera" and allow access in the browser prompt — no frames are recorded or uploaded.
  2. Select "Lighting Check" to see the live balance score. Below 15% is GOOD; above 35% is BAD. Adjust your lighting setup and watch the score update in real time.
  3. Select "Framing Guide" to see face detection overlays. Position yourself so the distance verdict reads "Good" and your face is horizontally centered.
  4. Align your eyes to the upper third guide line for standard video-call framing (rule of thirds).
  5. Select "Resolution & FPS" to read the actual resolution and frame rate your camera is currently delivering to the browser.

What to look for

  • below 15%
  • 15% to 35%
  • above 35%

What to look for

  • about 33%
  • 10% to 20%

What to look for

  • 60 degrees
  • 78 degrees
  • 90 degrees
  • 50-80 cm

Doubling camera distance roughly halves face width in the frame, letting you trade distance against FOV to reach the same framing.

Camera access is required to run any diagnostic. Access is used only for local analysis — no frames are recorded or transmitted.

Camera active — select a diagnostic below
Diagnostic Modes
LEFT LIGHTING BALANCE RIGHT
L R
LEFT avg RIGHT avg

Top
Bottom
Left
Right
Resolution
FPS
Aspect Ratio

Reading the lighting balance score

The Lighting Check measures the average luminance in the left and right halves of your frame every 250 ms using the ITU-R BT.601 luma formula (0.299R + 0.587G + 0.114B) on a downscaled 160×90 copy of your video frame.12 The balance percentage is the absolute difference between the two sides divided by the brighter side, expressed as a percentage so you can compare results across different lighting setups.

A score below 15% is rated GOOD: both sides of your face receive approximately equal illumination, which appears natural and professional on video calls. Scores between 15% and 35% earn a WARN rating; at this level, shadowing on one side will be visually noticeable. Above 35% is BAD, and you can expect heavy one-sided shadow that makes video calls look unprofessional.

The balance score is intentionally a relative comparison rather than an absolute luminance reading, because what matters for video-call appearance is the symmetry of the lighting, not how bright the room is overall. A dimly lit room with even left-right balance reads as GOOD, while a brightly lit room with a window off to one side can read as BAD even though there is plenty of light on the subject.

TIP The most common cause of poor lighting balance is a window directly to one side. Either close the blind or position a secondary lamp on the dark side to act as fill light, and a white sheet of paper placed just out of frame works as a cheap reflector that softens one-sided shadow without introducing harsh secondary highlights.3

Understanding face framing and the distance verdicts

The Framing Guide uses MediaPipe's Face Landmarker model (478 3D facial landmarks) to locate your face in each video frame, and the bounding box, eye midpoint, and face centre are computed from the landmark coordinates and rendered on a canvas overlay that sits on top of the live video so you can see exactly how the model interprets your position.4

The distance verdict is based on the width of your face relative to the frame width. A face narrower than 15% of frame width is flagged Too Far; wider than 55% is Too Close. The centre verdict triggers when your face centre deviates more than 25% of the frame width from the horizontal midpoint, and you can nudge yourself back into frame by watching the overlay rather than guessing. In practice, aim for a face width somewhere between 25% and 40% of the frame width so your face is prominent without being overwhelming, which produces a balanced, professional look that works well for video calls, streaming, and recorded presentations.

Headroom and the rule of thirds

Headroom is the gap between the top of your head and the top edge of the frame, and getting it right is one of the fastest ways to make a video call look more polished. Too much headroom makes the camera feel like it is looking down at you and wastes the most expressive part of the frame, while too little looks cramped and unintentional. The rule-of-thirds guide the tool draws on the canvas is there to help you land in the right range without having to guess.

Adjusting headroom and centering

Headroom is the gap between the top of your head and the top edge of the frame, and the headroom guide overlay draws a dashed line at 15% from the top to mark the target upper boundary for your forehead region. With your eyes roughly on the upper third line, you follow the portrait rule-of-thirds guideline often used in video shots and professional photography.5

Too much headroom (face positioned low in frame) gives the impression the camera is looking down at you and wastes the most expressive part of the frame. Too little headroom (head cropped at the top) looks unintentionally claustrophobic. The rule-of-thirds grid helps you align your eyes to the upper horizontal third, which is where viewer attention naturally lands first.

NOTE All face detection runs locally in your browser using a WASM binary and model weights loaded from Google's CDN on first use. Nothing is ever sent to CapyToolkit servers, and the model weights are cached by your browser so subsequent visits will load instantly without an additional network request.

Resolution and FPS readout

The resolution and frame rate your camera delivers to the browser are not always the same as the numbers printed on the box. Low light, USB bandwidth limits, and operating system load can all cause a camera to drop below its rated maximum, so reading the live stream settings tells you what you are actually getting rather than what the spec sheet promises.

How the FPS figure is calculated

The Resolution & FPS panel reads live values from your camera's active stream via the MediaStream Track Settings API.6 The FPS figure is computed from a rolling 10-frame timestamp average rather than the nominal reported framerate, so it reflects what the camera is actually delivering to the browser; this may differ from its rated maximum under low-light conditions or when the OS is under load.

Most webcams deliver 30 fps at their native resolution and may drop to a lower frame rate in low light when automatic exposure compensation is active.7 The aspect ratio is derived directly from the pixel dimensions, so a 1920×1080 stream is 16:9 and a 1280×800 stream is 8:5. If you see an unusual ratio, the camera may be delivering a cropped or letterboxed stream rather than its full native sensor area.

Practical steps to improve your lighting balance score

A poor lighting balance score almost always comes down to a single strong light source on one side of your face, and the fix is usually simpler than you might expect. Closing a blind, adding a cheap desk lamp to the shadowed side, or placing a white board just out of frame to bounce light back across your face can bring the balance score into the good range without any studio equipment.

Correcting an unbalanced score with fill light

A poor balance score almost always comes from a strong light source directly to one side of your face. A window to the left or right is the most common culprit. Closing that blind partially and positioning a desk lamp or ring light on the shadowed side brings light to the darker half and reduces the imbalance. You do not need studio equipment: a white foam board placed on the darker side reflects the window light back onto your face as fill3 and softens the shadowed half.

Three-point lighting produces the most consistently professional result for video calls and recordings. Position a key light in front of you and slightly to one side, a fill light on the opposite side, and a back light behind you to separate your head from the background. Two desk lamps at 45-degree angles in front of you approximate this arrangement without a dedicated lighting kit.8 Watch the balance percentage update in real time as you adjust each light, and aim for a score below 15 percent before your next call or recording session.

Webcam Lighting & Framing Analyzer Reference

  • Under 15% imbalance
  • 15–35% imbalance
  • Over 35% imbalance
  • Under 15% of frame width
  • Over 55% of frame width
  • Flags past 25% off horizontal midpoint

Run Lighting Check and Framing Guide above and compare your own live readings against this scale.

Sources
  1. 1.

    Imatest, "Luminance," imatest.com, accessed June 2026. https://www.imatest.com/docs/luminance/

  2. 2.

    Mozilla Developer Network, "CanvasRenderingContext2D: drawImage() method," developer.mozilla.org, accessed June 2026. https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage

  3. 3.

    Adobe, "How to use photography reflectors," adobe.com, accessed June 2026. https://www.adobe.com/creativecloud/photography/hub/guides/how-to-use-photo-reflectors.html

  4. 4.

    Google, "Face landmark detection guide," developers.google.com, May 2026. https://developers.google.com/edge/mediapipe/solutions/vision/face_landmarker

  5. 5.

    Jim Harmer, "Rule of Thirds," improvephotography.com, accessed June 2026. https://improvephotography.com/34696/rule-of-thirds/

  6. 6.

    Mozilla Developer Network, "MediaTrackSettings," developer.mozilla.org, accessed June 2026. https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackSettings

  7. 7.

    Microsoft, "KSPROPERTY_CAMERACONTROL_AUTO_EXPOSURE_PRIORITY," learn.microsoft.com, February 2023. https://learn.microsoft.com/en-us/windows-hardware/drivers/stream/ksproperty-cameracontrol-auto-exposure-priority

  8. 8.

    Cory Rice, "Three-Point Portraiture Lighting and Beyond," bhphotovideo.com, accessed June 2026. https://www.bhphotovideo.com/explora/photography/tips-and-solutions/three-point-portraiture-lighting-and-beyond

FAQ