Free tools Windows power users keep installed
One-click scans. No signup required.
Some links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
Set the browser’s emulated viewport before you capture: choose the exact width and height, then lock device-pixel ratio (DPR), orientation, user agent, touch simulation, zoom, page state and timing. Use a viewport capture when you need only what is visible; use a full-page command when you need the document beyond the fold. Chrome calls its emulator Device Mode; Firefox calls it Responsive Design Mode.
The settings below produce repeatable screenshots for bug reports, responsive-design reviews, documentation and visual regression checks. Browser emulation is an approximation of a handset, not proof of behavior on physical hardware.
Choose the capture you actually need
| Goal | Capture mode | Why |
|---|---|---|
| Show the current screen at a fixed device size | Viewport/visible capture | Preserves exactly what fits inside the emulated window. |
| Document every section of a page | Full-page capture | Includes content below the viewport, including sections revealed while scrolling. |
| Show one card, hero or control | Element/selector capture | Avoids noise and prevents a huge page image from obscuring the component. |
| Compare releases | Repeatable capture | Uses identical dimensions, DPR, browser, state and timing on every run. |
Chrome: configure Device Mode
Open the emulator
- Open the page in Chrome.
- Open DevTools with More tools → Developer tools (or the browser’s DevTools shortcut).
- Select the Toggle device toolbar button. Chrome calls the resulting emulator Device Mode.
Set width, height and device behavior
Choose a device preset, or select the dimensions and enter a custom width and height. Presets may also define device-pixel ratio, user agent and device type. A custom device lets you keep those values explicit instead of relying on a preset that may change between Chrome releases.
- Width and height: control responsive breakpoints and which content is visible.
- DPR: changes pixel density and the resulting image scale.
- User agent: can change server-side or client-side markup.
- Device type: affects pointer behavior and available emulation controls.
- Orientation: switches portrait and landscape layouts.
- Zoom: changes how the emulated page is presented; keep it constant when comparing captures.
Chrome’s rulers and zoom controls help you inspect a layout. A device frame is available in device-specific mode when artwork exists for that device. The paused-in-debugger overlay can be hidden through DevTools preferences if it would contaminate a capture.
#1 Best Overall
- CRISP CLARITY: This 23.8″ Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
- WORK SEAMLESSLY: This sleek monitor is virtually bezel-free on three sides, so the screen looks even bigger for the viewer. This minimalistic design also allows for seamless multi-monitor setups that enhance your workflow and boost productivity
- A BETTER READING EXPERIENCE: For busy office workers, EasyRead mode provides a more paper-like experience for when viewing lengthy documents
Capture only the viewport
- Leave the page at the desired scroll position.
- Open the DevTools capture menu (the menu associated with the device toolbar’s more options).
- Choose the visible-viewport screenshot command, Capture screenshot.
This captures the emulated viewport, not the rest of the document.
Capture the complete document
- Keep Device Mode configured at the target dimensions.
- Open the same capture menu.
- Choose Capture a full size screenshot.
Chrome renders content outside the viewport into one image. Very long pages can be large; check the result for sticky headers, lazy images and animation artifacts.
Firefox: configure Responsive Design Mode
Open Responsive Design Mode
- Open the page in Firefox and open Developer Tools.
- Choose Responsive Design Mode.
- Edit the width and height fields directly, select an orientation, or choose a custom device.
Custom devices can include DPR, a user agent and touch-screen behavior. Selecting a device changes the User-Agent request header and navigator.userAgent, so record the choice when a capture must be reproducible.
Save a visible or full-page image
Firefox offers several paths:
- In the browser Screenshot tool, choose Save visible for the current viewport or Save full page for the complete document.
- In Responsive Design Mode, enable the full-page toolbox button, then capture.
- Open the command line and use
:screenshot --fullpagefor a full document.
The Screenshot tool can save to Downloads or copy to the clipboard. Use a filename deliberately when a capture is part of a test or report.
Capture a component
In Inspector, select the node and choose Screenshot Node. The command line can target a CSS selector:
:screenshot --selector ".pricing-card"Replace the selector with a stable component selector. This is preferable to taking a full-page image and cropping it, because the browser captures the component at its rendered dimensions.
Rank #2
- CRISP CLARITY: This 22 inch class (21.5″ viewable) Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- 100HZ FAST REFRESH RATE: 100Hz brings your favorite movies and video games to life. Stream, binge, and play effortlessly
- SMOOTH ACTION WITH ADAPTIVE-SYNC: Adaptive-Sync technology ensures fluid action sequences and rapid response time. Every frame will be rendered smoothly with crystal clarity and without stutter
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
Control delay, DPR and filename
Firefox’s screenshot command accepts options such as --delay (wait before capture), --dpr (output scale) and --filename. A delay allows menus, hover states or lazy content to settle:
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →:screenshot --fullpage --delay 2 --dpr 2 --filename [email protected]Use a delay only when it represents the state you intend to document; otherwise it can hide a loading problem.
Settings that change the image
Viewport dimensions and breakpoints
Responsive CSS reacts to the layout viewport, so a one-pixel change can move a navigation bar, alter columns or reveal a mobile menu. Record width and height, and do not resize the emulator between comparison runs.
DPR and output scale
DPR determines how many physical image pixels represent one CSS pixel. A higher value can make text and lines sharper while increasing file size. Keep DPR fixed for visual diffs; changing it makes otherwise identical pages appear different.
User agent and touch
A user agent can select different server responses or JavaScript branches. Touch simulation can replace mouse-oriented interactions with touch events and can expose controls that are otherwise hidden. Test both only when your product requirement calls for them.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Rank #3
- Clear visuals. Fluid motion: A 144Hz refresh rate and 1ms MPRT deliver smooth, tear‑free motion across work, gaming, and streaming for clearer, more fluid viewing.
- Eye comfort: TÜV Rheinland 3‑star* certification reduces harmful blue light while preserving stunning color quality without compromise. *TÜV Rheinland 3-star eye comfort certification.
- Wide viewing angle: Get consistent views across a wide 178° /178° viewing angle.
- In-Plane Switching (IPS): See excellent color accuracy and consistency across wide viewing angles with In-plane Switching (IPS) technology.
- Ultra-thin bezels: Maximize your viewing experience with thin bezels.
Orientation, zoom and frames
Portrait and landscape trigger different breakpoints. Browser zoom changes the emulated presentation and must be held constant for comparisons. A device frame is presentation chrome, not part of the web page; disable it when the image is intended for pixel comparison.
Network and CPU throttling
Throttling is useful for documenting loading states and performance-related UI, but it is not the default appearance. Record the selected network and CPU profiles and restore normal settings before taking a production reference image.
Page state and timing
Lazy-loaded images, cookie dialogs, hover menus, open accordions, animations and personalized content all alter pixels. Start from a known URL, clear or deliberately set storage, scroll to a defined position, and wait for the intended state. Disable animations in your test CSS when motion is irrelevant; do not hide an animation bug accidentally.
Make captures repeatable
- Write a capture manifest: browser and version, operating system, URL, viewport width and height, DPR, zoom, orientation, user agent, touch setting, network/CPU profile and capture scope.
- Fix the page state: use deterministic test data, set cookies and local storage deliberately, and document whether consent dialogs are present or dismissed.
- Choose a timing rule: wait for a selector, a known delay or a stable network state. Use the same rule for every run.
- Use stable selectors: for component captures, prefer semantic classes or data attributes over generated framework names.
- Name files consistently: include page, viewport, DPR and state, such as
checkout-390x844-dpr3-menu-closed.png. - Verify on hardware when it matters: emulators approximate browser behavior; they do not reproduce every display, GPU, font-rendering or operating-system detail of a physical phone.
Chrome and Firefox: which should you use?
| Decision | Chrome Device Mode | Firefox tools |
|---|---|---|
| Exact viewport | Preset or custom width/height; optional DPR, user agent and device type. | Editable width/height; custom devices can include DPR, user agent and touch. |
| Full page | Capture a full size screenshot. | Full-page toolbox button, :screenshot --fullpage, or browser Save full page. |
| Element capture | Device Mode workflow is centered on viewport and page capture. | Inspector Screenshot Node or :screenshot --selector. |
| Output controls | DevTools capture flow and device-frame option where available. | Downloads/clipboard, filename, delay, selector and DPR options. |
| Emulation caveat | Desktop simulation, not a physical handset. | Simulates selected properties and user-agent behavior, not every hardware characteristic. |
Troubleshooting common screenshot problems
The image is desktop-sized
Confirm Device Mode or Responsive Design Mode is enabled, then check the numeric width and height. Browser zoom and an accidentally undocked DevTools window can make the on-screen preview misleading.
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →The mobile menu does not appear
Check width, orientation, user agent and touch simulation. Some sites switch menus by user agent while others use CSS width; reproduce the condition your users actually experience.
Rank #4
- CURVED FOR ENHANCED ENGAGEMENT: An immersive viewing experience with a curved monitor that wraps more closely around your field of vision; It creates a wider view, enhancing depth perception and minimizing peripheral distraction
- SMOOTH PERFORMANCE FOR SEAMLESS CONTENT: Stay in the action when playing games, watching videos, or working on creative projects; The 100Hz refresh rate reduces lag and motion blur so you don't miss a thing in fast-paced moments¹
- MORE GAMING POWER: Gain the edge with optimizable game settings; Color and image contrast can be adjusted to see scenes more vividly and spot enemies hiding in the dark; Game Mode adjusts any game to fill the screen so you can view every detail²
- KEEP IT EASY ON THE EYES: Care for your eyes and stay comfortable, even during long sessions; Advanced eye comfort technology certified by TÜV reduces eye strain by minimizing blue light and reducing irritating screen flicker²
- INCREASED VERSATILITY: Connect to more; Plug devices straight into your monitor for increased flexibility, making your computing environment even more convenient
The full-page image is missing lower content
Use the explicit full-page command rather than a visible capture. Scroll once to trigger lazy loading, wait for images, and retry. A page that requires interaction may need a scripted scroll or an intentional delay.
A component screenshot includes overlays
Close consent banners, chat widgets, dev overlays and open menus, or select the target node again in Inspector. For a selector capture, verify that the selector matches one intended element.
Images or fonts differ between runs
Wait for the relevant network activity, keep throttling unchanged, and ensure fonts are loaded before capture. Personalized responses, cache state and animation timing can also change pixels.
The file is unexpectedly huge or blurry
Check DPR and full-page scope. A high DPR multiplies pixels; a low DPR can make fine text soft. Choose the scale required by the destination rather than the maximum available.
Why does a real phone look different?
Desktop emulation cannot fully model hardware, operating-system text rendering, GPU behavior, browser chrome or sensor-driven features. Validate critical results on the target physical device.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server. One request can return PNG, JPEG, WebP or PDF without opening DevTools. It supports full-page captures with lazy images loaded, CSS-selector element captures, dark mode, 12 device presets or any viewport, retina scale, PDF paper settings and page ranges, custom CSS and JavaScript, clicks, waits, blocked ads/trackers/requests/resource types, headers, cookies, user agents, Authorization, timezone, geolocation, transparent backgrounds, resizing, chosen-TTL caching, signed image links, asynchronous jobs with signed webhooks, 100-URL bulk calls, usage reporting and an OpenAPI specification. Common screenshot-API parameter names also work when switching.
Best Value
- 【INTEGRATED SPEAKERS】Whether you're at work or in the midst of an intense gaming session, our built-in speakers provide rich and seamless audio, all while keeping your desk clutter-free.
- 【EASY ON THE EYES】 Protect your eyes and enhance your comfort with Blue-Light Shift technology. This feature reduces harmful blue light emissions from your screen, helping to alleviate eye strain during long hours of use and promoting healthier viewing habits.
- 【WIDEN YOUR PERSPECTIVE】Our sleek minimal bezel design ensures undivided attention. The nearly bezel-free display seamlessly connects in a dual monitor arrangement, delivering an unobstructed view that lets you focus on more at once, completely distraction-free.
Before capture, it accepts cookie or consent banners and removes more than 60 known consent platforms, newsletter popups and chat widgets; each cleanup step can be disabled. Bot checks/CAPTCHAs, blank pages, timeouts, failed loads and cache hits are not billed, and each response identifies the page verdict and billing status with X-Page-Verdict and X-Billed headers. Its MCP server exposes take_screenshot, get_page_info and capture_pdf to Claude, Cursor and other MCP clients.
See the ScreenshotNeo documentation for authentication and all options. A minimal cURL request is:
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpPython:
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)Node.js:
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);The Free plan includes 1,000 screenshots per month with no card. Paid plans start at $5 for 3,000 shots; every feature is on every plan. Create a free ScreenshotNeo account.
Frequently Asked Questions
Should I capture at CSS pixels or physical pixels?
Set the viewport in CSS pixels, then choose DPR to match the output required by your review, documentation or test pipeline. Keep both values fixed when comparing images.
Can a full-page screenshot prove that a page works on a phone?
No. It shows a browser-emulated layout. Confirm hardware-specific, operating-system or device-performance behavior on a real handset.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteWindows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallWhen is an element capture better than cropping?
Use element capture when the component’s rendered boundaries and state matter. It avoids unrelated page content and preserves the browser’s actual layout of that node.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
