Full screen/page screenshot

Full page screenshot without scrolling

I am currently doing a course on Web Design with Photoshop, Illustrator (& GIMP) where I needed to take screenshots of a website to create an image in any image software program to edit the design and show to the client.

Well, I found it a little tricky to easily cut and paste screenshots to make a final image without some distortion needing careful editing in the graphics software.

Screenshots pasted together with ugly dividing line showing

Screenshots pasted together with ugly dividing line showing

What I really wanted was a way to take the whole screen image in one go and without the need to scroll to the bottom of a large webpage that did not fit fully on screen. Is there a way to do this?

YES! I found that this can be done in FireFox browser with the use of Developer Tools Toolbar.

rhd_DE Screenshot DeveloperToolbar Console

rhd_DE Screenshot DeveloperToolbar Console

By using FireFox tools menu and web developer toolbar the console is opened and by typing “screenshot [filename] –fullpage” and pressing enter/return on the keyboard a screenshot of the WHOLE complete page is taken and saved to your downloads folder.

My YouTube video describing this full page screenshot method

This is my video instruction on this very useful screenshot technique:

I am pleased to now have this full page screenshot technique in my computing skills and I hope it is of use to others! Any questions do ask!

Be Sociable, Share!
This entry was posted in Blog, My Tech Tips. Bookmark the permalink. | Permalink | 24066 Views

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge