ScreenMetricLab Tools

Check your live screen resolution, viewport size, DPR, browser, OS, orientation, color depth, and refresh rate.

Measure the browser viewport and visual viewport that your website can use right now.

Find the physical pixel grid reported by your current display and copy it for QA notes.

See your device pixel ratio for responsive images, retina assets, and layout debugging.

Watch the browser viewport size update while resizing the page.

Calculate matching width or height for 16:9, 9:16, 1:1, 4:5, 21:9, and custom ratios.

Generate recommended social media image and video sizes for Instagram, TikTok, YouTube, Facebook, LinkedIn, X, and Pinterest placements.

Calculate pixel density from resolution and diagonal display size for phones, laptops, monitors, and TVs.

Run fullscreen solid-color tests to check for dead pixels, stuck pixels, backlight bleed, and display uniformity.

Calculate projector screen width, height, area, and viewing distance from diagonal size and aspect ratio.

Estimate physical monitor width, height, PPI, and scaling comfort from diagonal size and resolution.

Check whether a monitor size fits your desk depth, viewing distance, resolution, and daily use case.

Convert vw, vh, vmin, vmax, dvh, svh, and lvh units into pixels using the current or custom viewport.

Check CSS env(safe-area-inset-*) values, visual viewport offsets, and mobile browser viewport behavior for notch and edge-safe layouts.

Convert pixels into rem, em, and percent values with custom root and parent font sizes for CSS work.

See the active Tailwind, Bootstrap, and custom breakpoint for the current browser viewport.

Preview a URL inside common viewport presets and custom sizes for quick responsive checks.