Resolution Checker
Check your screen resolution, viewport size, pixel density, DPI, aspect ratio, color depth, and orientation. Upload an image to check its resolution. All values update live when you resize your browser window.
Screen Resolution LIVE
Your display properties detected automatically.
Screen Resolution
--
Physical pixels
Viewport Size
--
Browser window
Device Pixel Ratio
--
--
Color Depth
--
--
Aspect Ratio
--
--
Orientation
--
--
Available Area
--
Minus taskbar
Physical Pixels
--
CSS vs hardware
Resolution Standard Match
Your screen matches:
| Standard | Resolution | Match |
|---|
Image Resolution Checker
Upload an image to check its dimensions, file size, and megapixels.
Click to upload or drag and drop an image
JPG, PNG, WebP, GIF, BMP, SVG
Dimensions
--
File Size
--
Megapixels
--
Aspect Ratio
--
How to Check Your Screen Resolution
This resolution checker automatically detects your screen properties the moment you open the page. It reads your monitor's native resolution using the browser's screen.width and screen.height APIs, which report the total number of pixels your display can render. Unlike system settings that may show scaled or effective resolution, this tool shows both CSS pixels and the calculated physical pixel count based on your device pixel ratio. All values are read entirely client-side, so no data leaves your browser. If you resize the browser window, the viewport values update in real time, making it easy to test how web pages will look at different window sizes.
Understanding Pixel Density and DPI
Pixel density refers to how many physical pixels fit into one CSS pixel on your screen. A standard display has a device pixel ratio (DPR) of 1.0, meaning one CSS pixel equals one hardware pixel. High-DPI screens like Apple Retina displays, most smartphones, and modern 4K monitors use DPR values of 2.0 or higher. When DPR is 2.0, each CSS pixel is rendered using a 2 by 2 grid of physical pixels, which produces sharper text and more detailed images. This resolution checker calculates your physical resolution by multiplying CSS resolution by DPR, so a 1920 by 1080 screen with DPR 2.0 actually has 3840 by 2160 hardware pixels. Understanding DPI matters for graphic designers who need to export images at the correct size for high-resolution screens, and for developers who serve different image assets based on pixel density.
Common Screen Resolutions Explained
Screen resolutions follow industry standards that have evolved over decades. HD (1280 by 720) is the minimum high-definition standard still common on budget laptops and smaller displays. Full HD (1920 by 1080) is the most popular desktop resolution worldwide and the default for most gaming and streaming. QHD (2560 by 1440), also called 2K, offers a significant sharpness upgrade and is favored by professionals and gamers. 4K UHD (3840 by 2160) provides four times the pixels of Full HD and is increasingly standard on high-end monitors and televisions. 5K (5120 by 2880) is used by Apple iMac displays and some professional monitors. This tool compares your screen against all these standards and highlights which one matches your display, helping you understand where your hardware sits in the resolution hierarchy.
Resolution Checker for Images
Beyond screen detection, this tool lets you upload any image to inspect its resolution. When you drop or select a file, the tool reads its pixel dimensions, calculates the megapixel count (width multiplied by height divided by one million), measures the file size, and determines the aspect ratio. This is useful for photographers checking if an image meets print requirements, web developers verifying asset dimensions, social media managers ensuring images meet platform specifications, and anyone who needs to quickly know an image's properties without installing software. All processing happens locally in your browser, so your images are never uploaded to any server.