Create a Full Size Website Image

Create a Full Size Website Image

If you’re thinking about creating a website, one of the first things you are likely to do is to look around the great world wide web to see what you like. This can be for your own process or part of the process you go through with a website designer.

Once you’ve found something, sending website links is a good start but what if you only like certain parts of the page, a certain color or the way an image is placed? Wouldn’t it be great to be able to take a full-length screenshot, mark it up with your comments and then download the file so you can share it?

If your answer is ‘Yes!’, I have found the tool for you. It’s called Awesome Screenshot.

This Google Chrome Extension lets you capture all or part of any web page. Then you can add annotations, comments, blur sensitive info, and share with one-click uploads. Oh, and it’s totally FREE.

Instructions for Installing Awesome Screenshot

  1. Open up the Google Chrome Web Browser.
  2. Go to https://www.awesomescreenshot.com/
  3. Scroll down to the Extension section of the home page.
  4. Click on the Add to Chrome button. This will open a new tab and a new window.
  5. Click on the Add to Chrome button in the upper right-hand corner of the floating window. Chrome will prompt you to confirm that you want to add the extension. Click on the Add Extension button in the prompt window. This will open up a new tab that defaults to their Changelog page. You don’t need to read through this unless you would like to.
  6. Look for their camera lens log in the upper right-hand corner of your Chrome Brower title bar, just to the left of the hamburger menu option. If you see it, that means the extension was installed successfully. woo hoo!

Instructions for Using Awesome Screenshot

  1. Visit the website you would like to work with and then click on the camera lens.
  2. Select the option you prefer from the menu that appears. I tend to use the Capture the Entire Page option the most. Your screen will flicker and the website will scroll down without your help. That’s just Awesome Screenshot working its magic.
  3. When it is done taking the image, a new screen will open up with an Awesome Screenshot edit menu at the top and your image below it. Here’s where YOU get to work YOUR magic. Edit away my friend, edit away!
  4. When you’re done making your changes, click on the Done button. This will take you to a new page where you can see your edited image, save it, share it, download it, copy it to your clipboard or print it. You can even re-edit it if you’re completely happy with what you did.

I hope this efficient tool and my step-by-step instructions make your website design process easier – and FUN!