Capture by RATdeck · Desktop vs mobile

How to screenshot the desktop and mobile versions of a page

Capture by RATdeck captures pages at real device widths so a site's own responsive CSS is used, and its Desktop vs Mobile button (Pro) captures both layouts and places them side by side.

Add to Chrome, free See pricing

Quick answer: Yes. Capture by RATdeck can capture a page at real device widths: desktop 1440, laptop 1280, tablet 768, large phone 430, phone 390 and small phone 360 pixels, so the site's own responsive CSS is used. These presets are free. Custom viewport sizes and the Desktop vs Mobile comparison are part of Pro.

Step by step

  1. Open the pageLoad the page you want to check in desktop Chrome.
  2. Pick a device widthIn the Capture menu, choose a preset: desktop 1440, laptop 1280, tablet 768, large phone 430, phone 390 or small phone 360.
  3. Capture a single layoutClick Capture to screenshot the page at that width. Presets are free.
  4. Compare both layoutsOn Pro, click Desktop vs Mobile to capture the desktop and phone layouts and view them side by side.
  5. Annotate and exportMark layout issues in the editor and download PNG, JPG, WebP or, on Pro, PDF.

Questions

Can I capture the mobile version of a website from my desktop?

Yes. Capture by RATdeck can capture a page at real device widths: desktop 1440, laptop 1280, tablet 768, large phone 430, phone 390 and small phone 360 pixels, so the site's own responsive CSS is used. These presets are free. Custom viewport sizes and the Desktop vs Mobile comparison are part of Pro.

Can I compare the desktop and mobile versions of a page?

Yes. The Desktop vs Mobile button in Capture by RATdeck Pro captures the current page at a desktop width and at a phone width, then shows both side by side in the comparison view. It is a quick way to check a responsive layout, a landing page or a client site before launch.

Related guides