Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →To capture mobile website screenshots at multiple device pixel ratios (DPRs), keep the CSS viewport fixed, change the emulated DPR, and save a separate image for each setting. Use Chrome DevTools for a few manual captures or Playwright to generate a repeatable set. Choose screenshot scaling deliberately: CSS scaling produces roughly one image pixel per CSS pixel, while device scaling produces roughly one image pixel per emulated device pixel.
Viewport size and DPR control different things
The viewport is the page’s layout area, measured in CSS pixels. DPR describes the ratio of physical display pixels to CSS pixels. In an emulated capture, changing viewport width can change responsive layout and trigger different breakpoints; changing DPR changes the emulated pixel density. To isolate the effect of DPR, hold the viewport dimensions constant while varying DPR.
As an Amazon Associate I earn from qualifying purchases.
Screenshot output scale is a separate choice. With device scaling, a 390-CSS-pixel-wide viewport at DPR 2 ordinarily produces an image about 780 pixels wide. With CSS scaling, that same viewport produces an image about 390 pixels wide. Browser rounding and capture details can affect exact dimensions. Chrome’s device-mode guide explains viewport and DPR emulation.
Capture a few screenshots in Chrome DevTools
- Open the page in Chrome, open DevTools, and toggle the Device Toolbar.
- Select Responsive for custom dimensions or choose a device preset. Enter the target width and height in CSS pixels.
- Open More options → Add device pixel ratio if the DPR control is not visible, then select the desired DPR. Add or select a different DPR for each capture while leaving the viewport unchanged.
- If needed, set the mobile device type to simulate mobile rendering and touch events. This remains emulation, not a physical-phone test.
- Choose More options → Capture screenshot for the visible viewport, or Capture a full size screenshot for the full page. A device frame is optional and adds presentation context; it does not change the page’s CSS layout.
- Name files with the page, dimensions, DPR, browser, and orientation, such as
home-390x844-dpr2-chromium-portrait.png.
Device presets are convenient starting points, not a universal device coverage plan. Choose widths that exercise your site’s breakpoints and DPR values that serve your review or test matrix.
#1 Best Overall
- Universal unlocked. Compatible with all major U.S. carriers, including Verizon, AT&T, T-Mobile and other prepaid carriers.
- Super-bright, super-smooth 6.7" display. See your screen clearly even outdoors in sunlight, and enjoy seamless views with a fast-refreshing 120Hz display.*
- AI-powered camera system. Take stunning photos in any light with the 50MP camera**, look your best with a 32MP selfie cam*****, and capture extreme close-ups.
- Superfast 5G performance. Unleash your entertainment at 5G speed*** with the MediaTek Dimensity 6300 chipset and up to 12GB of RAM with RAM Boost****.
- Long-lasting battery + TurboPower charging. Power through day after day with a 5200mAh battery, then get hours of power in just minutes.****
Generate a repeatable DPR set with Playwright
For repeated captures, create a fresh browser context for each viewport/DPR combination. Install Playwright, set url to the page to capture, and run this JavaScript with a Playwright browser instance. The sample uses Chromium, a 390 × 844 CSS-pixel viewport, and DPR values 1, 2, and 3.
const url = 'https://example.com';
for (const dpr of [1, 2, 3]) {
const context = await browser.newContext({
viewport: { width: 390, height: 844 },
deviceScaleFactor: dpr,
isMobile: true,
hasTouch: true,
});
const page = await context.newPage();
await page.goto(url, { waitUntil: 'networkidle' });
await page.screenshot({
path: `mobile-390x844-dpr${dpr}.png`,
scale: 'device',
});
await context.close();
}Here, browser is an already-launched Playwright browser. A new context applies the emulation settings independently for each run. The networkidle wait is a useful starting point, but pages with long-lived network activity or delayed content may need an explicit readiness condition, such as waiting for a key selector. Playwright’s emulation documentation describes context parameters and device descriptors.
Rank #2
- YOUR CONTENT, SUPER SMOOTH: The ultra-clear 6.7" FHD+ Super AMOLED display of Galaxy A17 5G helps bring your content to life, whether you're scrolling through recipes or video chatting with loved ones.¹
- LIVE FAST. CHARGE FASTER: Focus more on the moment and less on your battery percentage with Galaxy A17 5G. Super Fast Charging powers up your battery so you can get back to life sooner.²
- MEMORIES MADE PICTURE PERFECT: Capture every angle in stunning clarity, from wide family photos to close-ups of friends, with the triple-lens camera on Galaxy A17 5G.
- NEED MORE STORAGE? WE HAVE YOU COVERED: With an improved 2TB of expandable storage, Galaxy A17 5G makes it easy to keep cherished photos, videos and important files readily accessible whenever you need them.³
- BUILT TO LAST: With an improved IP54 rating, Galaxy A17 5G is even more durable than before.⁴ It’s built to resist splashes and dust and comes with a stronger yet slimmer Gorilla Glass Victus front and Glass Fiber Reinforced Polymer back.
Pick the right screenshot dimensions
- Use
scale: 'device'when you need output at the emulated device-pixel scale. At DPR 2, image dimensions are ordinarily about twice the CSS viewport dimensions. - Use
scale: 'css'when the artifact should stay approximately the viewport’s CSS-pixel dimensions regardless of DPR. - Add
fullPage: truewhen the deliverable needs the entire scrollable page. Long full-page images can become unusually tall and may differ from a page captured during ordinary scrolling. - Use device descriptors when their viewport, user agent, and touch settings fit the target. For a controlled DPR matrix, configure or override the values explicitly.
For example, change the loop to for (const dpr of [1, 2, 3]) to capture three densities at one viewport. To test layout breakpoints as well, iterate over viewport widths separately; otherwise, changing both width and DPR at once makes it harder to tell what caused a visual difference.
Make captures useful for visual review
Wait for meaningful content—not merely an arbitrary delay. Confirm that web fonts and images have loaded, use a stable scroll position, and control animation, caret blinking, timestamps, rotating content, and other volatile elements. Playwright’s screenshot options include controls for caret display and styles that can suppress dynamic elements; make sure any injected style does not hide content you need to inspect. See the Playwright screenshot parameters.
Rank #3
- Charger NOT Included, 6.7" Super AMOLED FHD+, 90Hz Refresh Rate, 385 ppi, 800 nits (HBM), 1080x2340px, 5000mAh Battery
- 128GB, 4GB RAM, microSDXC, Exynos 1330 (5nm), Octa-Core, Mali-G68 MP2 or Mali-G57 MC2 GPU
- Rear Camera: 50MP, f/1.8 (wide) + 5MP, f/2.2 (ultrawide) + 2MP, f/2.4 (macro), LED flash, panorama, HDR; Front Camera: 13MP, f/2.0, Android 14, up to 6 major Android upgrades, One UI 6.1
- 3G: HSDPA 850/900/1700(AWS)/1900/2100; 4G LTE: 1/2/3/4/5/7/12/13/14/20/25/26/28/29/30/38/39/40/41/48/66/71, 5G: 2/5/25/41/66/71/77/78 SA/NSA/Sub6/mmWave - Nano-SIM + eSIM
- US Model – Global Connectivity – Compatible with Most GSM Carriers like T-Mobile, AT&T, MetroPCS, etc. Will Also work with CDMA Carriers Such as Verizon, Straight Talk.
Record the browser and version, operating system, viewport, DPR, orientation, screenshot scale, full-page setting, and relevant emulation flags with each image. Keep baseline generation and comparison runs in the same environment. Playwright notes that output can vary with the operating system, browser version, settings, hardware, power source, and headless mode; differences in font rasterization or antialiasing may otherwise look like page changes. Its visual comparison guidance covers consistent baselines and screenshot styling.
Know what mobile emulation can establish
Chrome describes Device mode as a “first-order approximation” of the mobile experience and says it does not actually run the code on a mobile device. Emulated captures are useful for responsive layout checks and repeatable DPR-specific images, but they do not establish handset-specific rendering, real-device performance, or every platform’s touch and browser behavior. Validate those questions on physical devices.
Rank #4
- YOUR CONTENT, SUPER SMOOTH: The ultra-clear 6.7" FHD+ Super AMOLED display of Galaxy A17 5G helps bring your content to life, whether you're scrolling through recipes or video chatting with loved ones.¹
- LIVE FAST. CHARGE FASTER: Focus more on the moment and less on your battery percentage with Galaxy A17 5G. Super Fast Charging powers up your battery so you can get back to life sooner.²
- MEMORIES MADE PICTURE PERFECT: Capture every angle in stunning clarity, from wide family photos to close-ups of friends, with the triple-lens camera on Galaxy A17 5G.
- NEED MORE STORAGE? WE HAVE YOU COVERED: With an improved 2TB of expandable storage, Galaxy A17 5G makes it easy to keep cherished photos, videos and important files readily accessible whenever you need them.³
- BUILT TO LAST: With an improved IP54 rating, Galaxy A17 5G is even more durable than before.⁴ It’s built to resist splashes and dust and comes with a stronger yet slimmer Gorilla Glass Victus front and Glass Fiber Reinforced Polymer back.
Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server for developers. One GET request can return a screenshot as PNG, JPEG, or WebP, or a PDF. Its API provides capture controls, including device presets, custom viewports, and retina scale. Use the API documentation for supported parameters and response details: ScreenshotNeo docs.
Do these 3 things before closing this tab:
1Repair Windows errors before they cause bigger problems2Fix the driver behind crashes, sound loss and screen glitches3Clear out junk files and repair common Windows errorscurl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpScreenshotNeo accepts cookie and consent banners before capture and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each of these steps can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and response headers identify the page verdict and whether the request was billed. Its MCP server lets AI agents use take_screenshot, get_page_info, and capture_pdf. The Free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 shots.
Sign up for ScreenshotNeo’s free plan to try 1,000 screenshots a month with no card.
Quick Recap
Best Value
- Carrier: This phone is locked to Tracfone, which means this device can only be used on the Tracfone wireless network. Tracfone plan required, activating is easy, just 3 steps.
- DISPLAY: Immersive viewing on a 6.7-inch super-bright 120Hz display with powerful stereo speakers and Bass Boost for cinematic entertainment.
- CAMERA SYSTEM: Advanced 50MP Quad Pixel camera captures sharp, detailed photos and videos in any lighting condition
- PERFORMANCE: Lightning-fast 5G connectivity paired with a powerful processor and RAM Boost for smooth multitasking.
- BATTERY LIFE: Long-lasting 5000mAh battery with TurboPower charging technology delivers hours of power in minutes.
Troubleshoot common capture problems
- The image has the wrong width. Check both
deviceScaleFactorand screenshotscale. Device scaling produces output at the emulated device-pixel scale; CSS scaling keeps output near CSS-pixel dimensions. - The layout changed between DPR captures. Keep viewport dimensions, mobile flags, page state, and browser environment identical while changing only DPR. If the layout still changes, inspect scripts or styles that respond to resolution or DPR.
- Fonts, images, or other content are missing. Replace a short fixed delay with a wait for the relevant selector or content-ready condition. Confirm font and image loading before capture.
- The page never reaches network idle. Some pages keep connections open or continually fetch data. Wait for a meaningful selector or application-specific readiness signal instead of relying on network idle alone.
- Full-page output is unexpectedly tall or differs from scrolling. Confirm whether the deliverable needs
fullPage: true; inspect long-page captures because full-page behavior can differ from ordinary scrolling. - Visual comparisons show noise without a page change. Standardize the browser version, OS, headless setting, and other environment details. Freeze or hide only genuinely volatile elements, and keep the baseline and comparison runs in the same environment.
- The screenshot does not match an actual phone. Treat DevTools and Playwright mobile settings as emulation. Reproduce the issue on a physical handset when hardware, browser-platform behavior, or touch interaction matters.
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.
