<>:root{--bg:#0b1220;--panel:rgba(0000.06);--panel2:rgba(0000.08);--border:rgba(0000.08);--text:rgba(0000.9);--muted:rgba(0000.4);--muted2:rgba(0000.6);--accent:#6ee7ff;--accent2:#a78bfa;--good:#4ade80;--warn:#fbbf24;--bad:#fb7185;--shadow:0 20px 60px rgba(0,0,0,.35);--radius:18px;--radius2:22px;--max:1160px;--mono:ui-monospaceSFMono-RegularMenloMonacoConsolas"Liberation Mono""Courier New"monospace;--sans:ui-sans-serifsystem-ui-apple-systemSegoe UIRobotoHelveticaArial"Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:rgba(11,18,32,.65);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,rgba(110,231,255,.9),rgba(167,139,250,.9));box-shadow:0 12px 30px rgba(110,231,255,.12);position:relative}.logo:after{content:"";position:absolute;inset:8px;border-radius:10px;border:2px solid rgba(0,0,0,.22);box-shadow:inset 0 0 0 2px rgba(255,255,255,.22)}.nav{display:flex;align-items:center;gap:14px;color:var(--muted);font-weight:600}.nav a{padding:8px 10px;border-radius:12px}.nav a:hover{background:rgba(255,255,255,6%);color:var(--text)}.actions{display:flex;gap:10px;align-items:center}.header-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.btn{background:rgb(202 221 255/28%);color:#294fa3;border:1px solid #bed5e92e;padding:10px 12px;border-radius:500px;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .08s ease,background .15s ease,border-color .15s ease;user-select:none;font-size:14px}.btn:hover{background:#1b4cbb;border-color:#1b4cbb;color:#fff}.btn:active{transform:translateY(1px)}.btn.primary{background-color:#3267dd;color:#fff;padding:1em 2em;font-weight:500}.primary:hover{background-color:#1b4cbb}.btn.good{border-color:rgb(0 171 62/.6);background:rgb(34 151 77/.1);color:#4bb780}.btn.warn{border-color:rgb(84 61 0/.6);background:rgb(193 142 10/.1);color:#ab851a}.btn.bad{background-color:#e94c4c;border-color:#e94c4c;color:#fff}.btn.bad:hover{border-color:#cb3434;background:#cb3434}#btnStopHeader{padding:1em 2em;font-weight:500}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,6%);color:var(--muted);font-weight:700;font-size:12px;letter-spacing:.2px;max-width:165px}#statusText,#qualityText{color:#585858;font-size:12px;font-weight:400;line-height:1.2}#qualityText{max-width:calc(100% - 17px)}.dot{width:9px;height:9px;border-radius:999px;background:var(--warn);box-shadow:0 0 0 4px rgba(251,191,36,.12)}.dot.good{background:var(--good);box-shadow:0 0 0 4px rgba(74,222,128,.12)}.dot.bad{background:var(--bad);box-shadow:0 0 0 4px rgba(251,113,133,.12)}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start}.card{border-radius:32px;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);overflow:hidden}.card-header{display:grid;grid-template-columns:2.5fr 1fr;align-items:flex-start;justify-content:space-between;gap:10px}.h-title{font-size:34px;color:#000;line-height:1.12;margin:0;letter-spacing:-.6px}.h-sub{color:var(--muted);margin:10px 0 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini{border:1px solid var(--border);background:rgba(255,255,255,5%);border-radius:16px;padding:12px}.mini h4{margin:0 0 6px;font-size:12px;color:var(--muted);font-weight:800;letter-spacing:.35px;text-transform:uppercase}.mini .val{font-family:var(--mono);font-size:14px;color:var(--text);font-weight:700}.mini .note{margin-top:6px;color:var(--muted2);font-size:12px}.toolbar{padding:2em 0 1em;display:flex;flex-wrap:wrap;gap:2em;align-items:center;justify-content:space-between}.tool-left,.tool-right{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tool-right{width:100%;justify-content:space-between}[hidden]{display:none!important}select,input[type=range]{accent-color:var(--accent)}.select{display:flex;align-items:center;gap:5px;color:var(--text);min-height:44px;border:1px solid var(--border);border-radius:8px;padding-top:.1em;padding-right:1em;padding-bottom:.1em;padding-left:.5em;background-color:#f5f5f5;background-image:linear-gradient(0deg,transparent,#ffffff);width:calc(33% - 10px);cursor:pointer}.select label{color:var(--muted);font-size:11px;letter-spacing:.25px;text-transform:uppercase;margin:0;font-weight:500}.select select{background:0 0;border:0;color:var(--text);font-weight:500;font-size:14px;outline:none;padding:0 5px;min-width:150px;position:relative}.select select::before,.select select::after{--size:0.3rem;position:absolute;content:"";right:1rem;pointer-events:none}.select select::before{border-left:var(--size)solid transparent;border-right:var(--size)solid transparent;border-bottom:var(--size)solid #000;top:40%}.select select::after{border-left:var(--size)solid transparent;border-right:var(--size)solid transparent;border-top:var(--size)solid #000;top:55%}.video-stage{background-color:#f4f7f9;border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden;position:relative;min-height:340px;display:flex;align-items:center;justify-content:center}video{width:100%;height:100%;object-fit:cover;display:none;background:#000}.placeholder{padding:28px;text-align:center;max-width:520px;display:flex;flex-direction:column;align-items:center}.placeholder h3{margin:0 0 10px;font-size:18px}.placeholder p{margin:0 0 16px;font-size:12px;color:var(--muted);max-width:350px}.alert{background-color:#f5ebdd;font-size:12px;line-height:1.3;color:#cba85d;padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;border-radius:14px;margin:2em 0;max-width:400px}.alert strong{color:#ad8027}.overlay-badges{position:absolute;left:14px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap}.badge{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#fff;backdrop-filter:blur(8px);font-size:12px;color:#585858;display:flex;align-items:center;gap:8px}.side h3{margin:0 0 8px;font-size:16px;letter-spacing:-.2px}.side p{margin:0 0 16px;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:12px}.kpi{border:1px solid var(--border);background:rgba(255,255,255,5%);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.kpi .l{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.25px;font-weight:500}.kpi .r{font-family:var(--mono);font-weight:500;font-size:13px}.meter{height:8px;border-radius:999px;background:#f4f7f9;overflow:hidden;margin-top:10px}.meter>span{display:block;height:100%;width:62%;background:linear-gradient(90deg,rgba(74,222,128,.9),rgba(110,231,255,.9))}.small{font-size:12px;color:var(--muted2);font-weight:600;margin-top:10px}.hr{height:1px;background:0 0;margin:14px 0}section{padding:30px 0}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.section-title h2{margin:0;font-size:22px;letter-spacing:-.35px}.section-title p{margin:0;color:var(--muted);font-weight:600}.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature{padding:16px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,5%)}.feature h4{margin:0 0 8px}.feature p{margin:0;color:var(--muted);font-weight:600}.callout{padding:16px;border-radius:22px;background-color:#f4f7f9}.callout h3{margin:0 0 8px}.callout p{margin:0 0 12px;font-size:12px;color:var(--muted)}.faq{padding:16px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,5%)}details{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.12);border-radius:16px;padding:12px}summary{cursor:pointer;font-weight:800;color:rgba(255,255,255,.86);outline:none}details p{margin:10px 0 0;color:var(--muted);font-weight:600}.quote{padding:16px;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,5%)}.quote p{margin:0;color:rgba(255,255,255,.82);font-weight:650}.quote .by{margin-top:10px;color:var(--muted);font-weight:800;font-size:12px;letter-spacing:.25px;text-transform:uppercase}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.cols-3{grid-template-columns:1fr}.cols-2{grid-template-columns:1fr}.nav{display:none}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.h-title{font-size:30px;text-align:center}.h-sub{text-align:center}.video-stage{min-height:450px}.card{padding-right:1.5em;padding-left:1.5em}.card-header{grid-template-columns:1fr}.card-header div:last-child{align-items:center!important}.select{width:100%}.tool-right{width:100%;gap:5px}.tool-right button{min-width:calc(33% - 10px);justify-content:center}.btn{font-size:12px;padding:9px 10px}.overlay-badges{gap:5px}.badge{padding:5px 8px;font-size:10px;gap:5px}}
Test your camera in seconds.
Check resolutionvideo qualityFPSand device details — capture a photo or record a short clip. Nothing is uploaded to our servers.
Quality: —
Click Start Test to begin
We’ll request camera permission in your browser. If you deny accesswe’ll show quick fixes below.
Privacy note: video stays on your device. Captures/recordings are stored locally until you download them.
Output
No stream
Measured from the active track settings.
Downloads
None yet
Photos (PNG) and short clips (WEBM) download locally.
Why this tool is different
Simplefastand more informative than basic webcam tests.
Technical details
Shows the camera’s active resolutionFPS estimateand device label to help you diagnose quality issues.
Mobile-friendly controls
Clear device selector and mirror toggle (especially helpful for front vs. rear cameras on phones).
Privacy-first by design
Media stays on your device. Download files locally — nothing is uploaded without your action.
Fix camera issues
Fast steps for the most common webcam problems.
If permission is blocked
1) Check browser permission
Look for the camera icon in the address bar and set Camera access to Allow. Refresh the page and click Start again.
2) Close other apps using the camera
Quit Zoom/Teams/Meet/OBS and any tab using the camera. Only one app can access some webcams at a time.
3) Try another browser
If you’re on Safaritry Chrome/Edge. If you’re on Chrometry Edge. This isolates browser-specific issues.
If quality looks bad
1) Improve lighting
Face a window or light source. Avoid backlight behind you. Lighting is the biggest driver of webcam clarity.
2) Increase target resolution
Select 1280×720 or 1920×1080 if available. Some webcams default to low resolution until requested.
3) Disable “beauty” filters or low-power mode
Filters and battery-saving modes can reduce FPS and sharpness. Try plugging in power and turning filters off.
What users say
Lightweight social proof near the tool boosts trust.
“I could instantly see my webcam was stuck at 640×480. Switching target resolution fixed it.”
Remote worker
“Helpful that it explains permission issues. Saved me time before a meeting.”
Student
“The privacy messaging is clear. I’m comfortable testing without uploading anything.”
Creator
Frequently Asked Questions (FAQ)
Lightweight social proof near the tool boosts trust.
Does CameraTest.app upload my camera feed?
No. This mockup assumes everything stays in your browser unless you download a file locally.
Why is my webcam black / not showing?
Most commonly: permission blockedcamera in use by another appor OS privacy settings.
How do I switch between front and back camera on mobile?
Use the Camera dropdown. On mobiledevices often appear as “front” / “back” or similar labels.
What FPS is good enough?
For calls: 24–30 FPS feels smooth. If it’s below ~15 FPSimprove lighting or reduce background apps.
Privacy
Clearexplicit privacy text builds trust and reduces bounce.
All testing happens on your device
Your camera stream does not leave your browser. If you capture a photo or record a clipit is created locally and only downloads to your device when you choose.