Webcam Photo Booth
Take a snapshot with your webcam and download it as a PNG — entirely in your browser. No image is uploaded.
Pure browser JavaScript — uses getUserMedia and the Canvas API.
How to use this tool
- Click Start camera and allow webcam access.
- Frame your shot (toggle Mirror if you like) and click Capture.
- Click Download PNG to save the snapshot, then Stop to release the camera.
Take a snapshot with your webcam and download it as a PNG — entirely in your browser. No image is uploaded.
How it works
The Webcam Photo Booth accesses your device camera directly through the browser using the MediaDevices API. When you click the capture button, the current video frame is drawn onto a hidden canvas element, which is then exported as a PNG image file.
Because everything happens locally in your browser, no image data is ever sent to a server. The download is triggered client-side, so your photos stay on your device. This makes it useful for quick headshots, ID-style photos, or any situation where you need a still image from your webcam without installing software.
The tool works best in Chrome, Edge, or Firefox on a desktop or laptop. Your browser will ask for camera permission the first time you use it. On mobile devices the front or rear camera may be used depending on which one the browser selects by default.
Worked example
Take a quick profile photo
- Open the tool and click Allow when the browser asks for camera access.
- Position yourself in the live preview so your face is well-lit and centered.
- Click the Capture button to freeze the frame.
- Review the snapshot, then click Download to save the PNG to your device.
A PNG image saved to your Downloads folder, ready for upload to a profile or document.
Common mistakes to avoid
- Clicking Capture before the live preview has fully loaded, resulting in a blank or black image.
- Blocking camera access in the browser permission prompt and then wondering why the preview is missing -- reload the page and click Allow.
- Expecting the tool to work in very old browsers that do not support the MediaDevices API.
Key terms
- MediaDevices API
- A browser interface that lets web pages access cameras, microphones, and screen capture without requiring a plugin.
- Canvas element
- An HTML drawing surface used here to capture a single video frame and convert it to an image file.
Frequently asked questions
- Where does my photo go?
- Nowhere but your device. The frame is drawn to a canvas and exported as a PNG locally — no upload occurs.