May 28th, 2013 by ana

How to screenshot a complete webpage?

In my latest projects I’ve been doing a lot of user manuals. Yes, it’s not a pleasant thing to do, but someone has to do it!

Usually I use lots of images because as they say “a picture is worth a thousand words”. It is much easier to show the user how to do it, than to try to describe it accurately in words.

So, for example, to capture a certain page of the backoffice of WordPress to show the client how to change a menu, I need to capture the whole page and not just what is visible on my screen.

To accomplish that, I got this really cool Chrome plugin called Awsome Screenshot and it really is awesome! I just have to press a button and it captures the whole page, then I can save it as a png file. Quick and easy!

If you need to edit the image, for example if your editing the design of a webpage, this tool also allows you to draw simple shapes like squares, circles and text on the image to easily signal where you need to change a component or aspect of the page.

When you’re done simply press the “Done” button! To save the image you can either save it online on Awsome Screenshot for 3 days, on Diigo or Google Drive or save it locally as a PNG file, copy it to clipboard or just by printing the file (don’t print, though! Be eco friendly!!).

Read more from Ana Sofia Reis