<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[RATdeck]]></title><description><![CDATA[RATdeck]]></description><link>https://ratdeck.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Fri, 30 Oct 2026 15:55:08 GMT</lastBuildDate><atom:link href="https://ratdeck.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Full Page Screenshots in Chrome: 2 Built-in Methods and 1 Faster Option]]></title><description><![CDATA[No extension needed for the first two]]></description><link>https://ratdeck.hashnode.dev/full-page-screenshots-in-chrome-2-built-in-methods-and-1-faster-option</link><guid isPermaLink="true">https://ratdeck.hashnode.dev/full-page-screenshots-in-chrome-2-built-in-methods-and-1-faster-option</guid><category><![CDATA[Chrome]]></category><category><![CDATA[Web Development]]></category><category><![CDATA[devtools]]></category><category><![CDATA[Productivity]]></category><category><![CDATA[Tutorial]]></category><dc:creator><![CDATA[RATdeck]]></dc:creator><pubDate>Wed, 21 Oct 2026 12:02:15 GMT</pubDate><content:encoded><![CDATA[<p><em>This post was first published on DEV.</em></p>
<p>Most people don't know Chrome can take a full page screenshot by itself. It can, and you don't need an extension for it. Here are two built-in ways, and one faster option for when you do this every day.</p>
<h2>1. DevTools Command Menu</h2>
<ol>
<li>Open the page.</li>
<li><strong>Ctrl+Shift+I</strong> (Windows/Linux) or <strong>Cmd+Option+I</strong> (Mac) opens DevTools.</li>
<li><strong>Ctrl+Shift+P</strong> / <strong>Cmd+Shift+P</strong> opens the Command Menu.</li>
<li>Type <code>screenshot</code> and pick <strong>Capture full size screenshot</strong>.</li>
</ol>
<p>A PNG of the whole page lands in your Downloads folder.</p>
<p>In the same menu:</p>
<ul>
<li><strong>Capture screenshot</strong> captures the visible part only.</li>
<li><strong>Capture area screenshot</strong> lets you drag a box.</li>
<li><strong>Capture node screenshot</strong> captures the element selected in the Elements panel.</li>
</ul>
<p>If images come out blank, the page probably loads them on scroll. Scroll to the bottom and back up, then capture again.</p>
<h2>2. DevTools device mode (mobile widths)</h2>
<ol>
<li>Open DevTools and press <strong>Ctrl+Shift+M</strong> / <strong>Cmd+Shift+M</strong> for the Device Toolbar.</li>
<li>Pick a device or choose <strong>Responsive</strong> and enter a width.</li>
<li>Reload, then open the toolbar's <strong>three-dot menu</strong> and choose <strong>Capture full size screenshot</strong>.</li>
</ol>
<p>Device presets often use a device pixel ratio of 2 or 3, which multiplies the image's pixel size. Set it to 1 for exact dimensions.</p>
<h2>3. One click with an extension</h2>
<p><em>Disclosure: I'm part of the RATdeck team, which makes Capture.</em></p>
<p>The DevTools route is great for a one-off. If you capture pages every day and need to mark them up, <strong>Capture by RATdeck</strong> turns it into one click:</p>
<ul>
<li><strong>Ctrl+Shift+1</strong> (Command+Shift+1 on Mac) for a full page. It scrolls, stitches and opens the result in an editor.</li>
<li><strong>Ctrl+Shift+2</strong> for the visible screen, <strong>Ctrl+Shift+3</strong> for a selected area.</li>
<li><strong>Pick scroll area</strong> for chats, tables and sidebars that scroll inside the page. <strong>One element</strong> for a single card or chart.</li>
<li>Sticky headers aren't repeated down the image. Very tall pages are saved as ordered parts.</li>
<li>Responsive presets from 1440 down to 360 px, and a 3/5/10 second delay.</li>
<li>An editor with arrows, shapes, text, highlighter, crop, and <strong>blur/pixelate</strong> for private details.</li>
<li>Copy, or download PNG, JPG or WebP. Unlimited on Free, with <strong>no watermark and no ads</strong>.</li>
</ul>
<p>Everything runs in your browser, and normal screenshots aren't uploaded. Pro is optional at \(3/month or \)12/year and adds PDF export, bulk URL capture and comparison tools.</p>
<p><a href="https://capture.ratdeck.com">https://capture.ratdeck.com</a></p>
<p>Note: no extension can capture <code>chrome://</code> pages or the Chrome Web Store, because Chrome blocks this. For incognito, enable "Allow in incognito".</p>
<h2>Quick pick</h2>
<ul>
<li><strong>Once in a while:</strong> DevTools → Ctrl+Shift+P → "screenshot".</li>
<li><strong>Responsive checks:</strong> DevTools device mode, or an extension with width presets.</li>
<li><strong>Daily, with markup:</strong> an extension that opens straight into an editor.</li>
</ul>
<p>Which method do you use? Tell me in the comments.</p>
]]></content:encoded></item></channel></rss>