{"id":2220,"date":"2017-07-02T15:07:19","date_gmt":"2017-07-02T14:07:19","guid":{"rendered":"https:\/\/simonday.com\/web-design-news\/?p=2220"},"modified":"2018-11-22T07:13:28","modified_gmt":"2018-11-22T07:13:28","slug":"how-to-screenshot-an-entire-webpage","status":"publish","type":"post","link":"https:\/\/simonday.com\/news\/how-to-screenshot-an-entire-webpage\/","title":{"rendered":"How to screenshot an entire webpage"},"content":{"rendered":"

Taking screenshots of certain parts, or even everything you see on the screen, has always been simple to do. Now though, we all have the ability to take a screenshot of an entire page, even when it’s off the screen!<\/p>\n

Not many of us pay much attention to browser updates. The latest one from Chrome is well worth the read! One of the single biggest new features is taking a screenshot of an entire page, regardless of whether you can see it all on the page or not. As a web designer, constantly working on prototypes, this new feature is a godsend!<\/p>\n

So I’m working on a redesign for a client. I have the page ready for a beta preview and I want to send it to him. Before I would be copy\/pasting each part I can see on screen into a photoshop file. Time-consuming and dull.<\/p>\n

In three clicks I can now do this instantly!<\/p>\n

\"Full<\/a><\/p>\n

How to do this is still slightly cumbersome and it is easy to not see the link in Chrome. These are the steps you need to take.<\/p>\n

1> Right click on page and choose ‘inspect’<\/p>\n

2> Turn on the device toolbar located here:<\/p>\n

\"Chrome<\/p>\n

3> Now you need to go to the top right of the page and click on the three little dots to bring up the full page screenshot, as shown here:<\/p>\n

\"Full<\/p>\n

 <\/p>\n

After clicking on the ‘capture full size screenshot, open your downloads folder and there you go, a ready to go, full page capture of your web page.<\/p>\n

Chrome also made a video highlighting this and other recent updates which you can watch here:<\/p>\n

[embedyt] https:\/\/www.youtube.com\/watch?v=4mx1m7UbBR0[\/embedyt]<\/p>\n

Firefox can do the same<\/h2>\n

You can also do the same thing in FireFox…<\/p>\n

1> Click on developer in the tools box<\/p>\n

\"Firefox<\/p>\n

2> Click on the “Toggle Tools<\/strong>”<\/p>\n

3> Click on the “cog” icon for ‘ToolBox Options’<\/p>\n

4> Make sure the ‘Take a screenshot of the entire page’ is ticked.<\/p>\n

\"Firefox<\/p>\n

5> Now you will have a camera icon in the toolbar to take a screenshot of the entire page as shown here:<\/p>\n

\"Camera<\/p>\n

I hope you find this as useful as I now do!<\/p>\n","protected":false},"excerpt":{"rendered":"

Taking screenshots of certain parts, or even everything you see on the screen, has always been simple to do. Now though, we all have the ability to take a screenshot of an entire page, even when it’s off the screen!<\/p>\n","protected":false},"author":2,"featured_media":1028,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,94],"tags":[143],"class_list":["post-2220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-help-guide","category-web-design","tag-page-screenshots"],"_links":{"self":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts\/2220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/comments?post=2220"}],"version-history":[{"count":9,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts\/2220\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/posts\/2220\/revisions\/2235"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/media\/1028"}],"wp:attachment":[{"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/media?parent=2220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/categories?post=2220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simonday.com\/news\/wp-json\/wp\/v2\/tags?post=2220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}