ScreenMetricLab Tools

Copy detailed screen, viewport, DPR, browser, OS, orientation, color depth, and refresh-rate diagnostics for QA notes.

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 live while resizing the page, changing zoom, or testing responsive layouts.

Find an aspect ratio from width and height, calculate matching dimensions, and crop or fit local images for screen, video, and social media formats.

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.

Calculate physical monitor or display width, height, aspect ratio, area, 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.