In the past I’ve always used a Chrome browser extension to create full page screenshots. Although it worked “okay”, it was never really what I was looking. It was a bit slow, you had to go through a editor and the download link of the actual file was a bit hidden away.
Taking a Full Page Screenshot With Chrome
In version 59 Chrome added this as a very welcome feature for me. It meant taking full page screenshots faster, and a browser extension less to use and load in. Follow these steps to take a full page screenshot;
1. Open the Developer Tools
I like to use the CMD + ALT + I shortcut (CTRL + ALT + I for Windows), but another way would be through the View > Developer > Developer Tools menu, or by right clicking on the page and select the ‘Inspect’ option.
2. Open the Command Field
When you’re focussed on the Developer Tools section, press CMD + SHIFT + P to open the command field (this can be done from any of the tabs in the Developer Tools).
When open search for the “Capture full size screenshot” option. Quickest way to do this is to type “full” as your search term.
3. Press Return… aaand You’re Done!
If you enter the correct search term it will automatically show only the “Capture full page screenshot” and you only have to press Return to download the full page screenshot to your downloads folder.
There you go, one beautifully long full page screenshot:
Do note that the downloaded file can be quite large, so if you’re planning on using it online (website, email) I’d recommend compressing it before doing so. For example TinyPNG is a quick and easy online service I like to use to just quickly drop and compress images.
Taking Full Page Screenshots From Mobile View
Chrome is very flexible, and with its Mobile view tools it will also allow you to take full page screenshots when using a mobile view. Just enable the “Device Toolbar” and select the device/window size you’d like to take the screenshot for. Follow the same steps as above to take the full page screenshot.
Jeroen Sormani
I'm a professional WordPress plugin developer on a mission to create the best plugins for my clients. I'm specialised in developing general WordPress, WooCommerce and Easy Digital Downloads plugins.
Interested in talking about a WordPress project? Get in touch!
Leave a Reply
Who’s this guy?
My name is Jeroen, go ahead and try to pronounce that! I bet you get it wrong if you’re not Dutch 
I am a professional WordPress Plugin Developer, working from Alphen aan den Rijn in the Netherlands. Besides being a seasoned developer, I have a solid background in SEO and have been responsible for hundreds of websites and webshops in my previous work experience.
I build custom plugins for WordPress, WooCommerce and Easy Digital Downloads. My focus is to build the best, secure, reliable, optimized plugins with a good User Experience.
When not working, I like to watch tv series and eat some healthy home-made pizza.
3 thoughts on “Taking Full Page Screenshots With Chrome”
Mi likes!
Fantastic thanks! This is exactly what I needed. Now I can get rid of the annoying chrome extension. Do you know if there is a way to download it into a PDF?
Wow this is awesome. One less extension on my Chrome now