online magnifier camera zoom
This magnifier enlarges the device camera preview to read labels, tags and small text, and the explanation below shows the real limit of digital zoom: it stretches the pixels that already exist, it does not reveal new detail.
With no scale applied, the preview shows exactly the pixels the camera captured, with no interpolation in the middle.
The browser interpolates color between neighboring pixels to fill the extra space, which makes small text edges look blurrier instead of more readable.
Turning off smoothing shows sharply defined pixel blocks instead of blur, which often makes straight edges like a barcode easier to read.
No. The zoom is digital: it enlarges the pixels of the browser preview. Past a point the image gets pixelated rather than sharper, so moving the device closer usually works better.
By default it is digital zoom via CSS, because most cameras do not expose the `zoom` capability in `getCapabilities()`; when the device exposes real optical or hybrid hardware zoom, the magnifier uses that real range instead of just scaling the preview.
Because digital zoom does not create new pixels: it crops and stretches the pixels already captured, and the browser interpolates color between them by default, which blurs edges instead of revealing detail that never existed in the original frame.
By applying `image-rendering: pixelated` to the video or image element: this turns off the browser default bilinear/bicubic interpolation and shows the pixels as sharp blocks, which helps read straight edges like small text or a barcode.
Because the browser can only use hardware optical zoom if the camera publishes the `zoom` capability in `MediaStreamTrack.getCapabilities()`; many devices, especially laptop webcams, do not publish that data, so the magnifier falls back to CSS digital zoom.
Magnification happens locally; video is not uploaded to the server.