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!!).