The way to screenshot on Chrome (+ a full web page screenshot)

Inform me if this sounds acquainted: you must take a screenshot of a complete net web page (or, at the least, a couple of small a part of it), so a drag-and-snap screenshot is out. You additionally have to seize data “under the fold” (content material that is solely seen after you scroll), in order that’s one other no to your regular screenshot methodology. 

So how will you keep away from the painful activity of scrolling down a web page at a time, capturing one window screenshot time and again, after which cobbling all of it collectively on the finish?

Nicely, you can use a devoted screenshot app or a full-page browser extension—lots of these are constructed for precisely this. However there’s a fair simpler methodology that does not require putting in something: Chrome’s built-in, full-page screenshot instrument.

This is the brief model of the right way to take a full web page screenshot on Chrome (hold scrolling for an in depth model with screenshots):

1. With the net web page open, press command + choice + I (on Mac) or Ctrl + Shift + I (on Home windows).

2. Then, press command + shift + P (on Mac) or Ctrl + Shift + P (on Home windows). 

3. Within the search bar, instantly after the phrase Run >, kind “screenshot.” 

4. Choose Seize full dimension screenshot, and Chrome will robotically save a full web page screenshot to your Downloads folder.

Observe: This instrument works greatest on text-heavy pages and will not essentially work on net apps. After testing this instrument with a number of totally different net apps, it appears to rely on the app. For instance, in Google Docs, the instrument will seize solely the seen window, whereas on Zapier, it captures all the size of the web page.

Desk of contents: 

The way to take a full web page screenshot on Chrome

Google has to know that persons are mishmashing screenshots collectively, so it is an actual thriller why their built-in screenshot instrument is hidden. However now that you already know about it, take a look at how easy it’s to get a full web page screenshot utilizing a couple of keyboard shortcuts. (These are the identical directions as above, simply with some screenshots that can assist you visualize the method.)

1. With the net web page open, press command + choice + I (on Mac) or Ctrl + Shift + I (on Home windows) to open Developer Instruments. You can too do that by clicking the menu in your Chrome toolbar (⋮), then choosing Extra Instruments > Developer Instruments.

   

2. Subsequent, press command + shift + P (on Mac) or Ctrl + Shift + P (on Home windows). It will open Chrome’s developer menu. 

   

3. Within the search bar, instantly after Run >, kind “screenshot” to your command. 

4. Choose Seize full dimension screenshot.

   

Now you can discover your full web page screenshot in your Downloads folder. 

The way to take a full web page screenshot on Chrome with a customized dimension 

The keyboard shortcut methodology is an effective way to shortly seize a full web page screenshot, however if you wish to customise the dimensions of your screenshot, you may should take a couple of extra steps to get it.

1. Open developer instruments in Chrome utilizing the keyboard shortcut from earlier than: command + choice + I (on Mac) or Ctrl + Shift + I (on Home windows).

2. Click on the gadget toolbar, which seems to be like a telephone on prime of a pill (or two rectangles overlapping), from the menu bar. It will open a responsive model of the net web page.

   

3. Enter the customized width and peak of your screenshot within the dimensions bar discovered immediately above the responsive view of the net web page. Alternatively, you possibly can change the view utilizing the dropdown menu (by default, that is set to Responsive) or by adjusting the zoom degree.

   

4. Click on the menu (⋮) within the dimensions bar, and choose Seize full dimension screenshot.

   

Chrome will robotically obtain the complete web page. From there, you possibly can crop your picture or add some pizazz. 

The way to take a full web page screenshot utilizing different browsers

If you wish to screenshot a complete webpage not in Chrome, here is the right way to do it in different widespread net browsers. (In the event you’re in search of a selected browser, be at liberty to leap forward.)

The way to take a full web page screenshot in Arc

This is the right way to screenshot a complete webpage in Arc.

1. With the net web page open, enter command + T.

2. Within the search bar that seems, enter “seize full web page,” and click on Seize Full Web page from the listing of choices that seem.

   

By default, the picture will probably be saved within the Media folder of your Arc Library. 

The way to take a full web page screenshot in Courageous

In the event you’re a Courageous consumer, I’ve excellent news: the steps to take a full web page screenshot are the very same as doing it in Chrome. Much like Chrome, your photos are robotically saved domestically in your Downloads folder. 

The way to take a full web page screenshot in Edge

This is the right way to screenshot an entire web page in Microsoft Edge.  

1. With the net web page open, press command + shift + S (on Mac) or  Ctrl + Shift + S (on Home windows). 

2. Click on Seize full web page. 

   

3. Click on the Save icon, which seems to be like a floppy disk. 

   

The file will robotically save domestically in your Downloads folder. 

The way to take a full web page screenshot in Firefox

The simplest option to take a full web page screenshot in Firefox is through the use of the browser’s built-in instrument.

1. Proper-click the webpage you wish to seize, and choose Take Screenshot. 

   

2. Click on Save full web page. 

   

3. Within the screenshot preview that seems, click on Obtain. 

   

Firefox will save the screenshot in your Downloads folder. 

The way to take a full web page screenshot in Safari

Earlier than you possibly can take a full web page screenshot in Safari, be certain the Develop menu is seen in your Safari menu bar. If that is not the case for you, here is the right way to change that. 

1. With Safari open, click on Safari within the menu bar, after which choose Settings. Or use your keyboard shortcut: command + ,.

2. Within the pop-up, click on Superior.

3. Click on the checkbox subsequent to Present options for net builders. 

   

Now that you have made your developer instruments seen, you possibly can take a full web page screenshot. 

1. With the net web page open, click on Develop within the menu bar, after which choose Present Net Inspector. Alternatively, you should use your keyboard shortcut: choice + command + I.

   

2. By default, the developer instrument ought to open with the Parts tab seen. If not, click on Parts. 

3. Proper-click the road of code that begins with (you could have to scroll to the highest of your parts log).

4. Click on Seize Screenshot.

   

5. Select the place to save lots of the file.

That is it.

Associated studying:

This text was initially printed in 2017 by Jamie Irish. The latest replace was in April 2026.