Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Posted by Jon W
Jon W
6,185 Points

Taking screenshots of webpages

Hello. I have just built my portfolio site and need to complete my work page with screenshots of the sites I've built. Is there a tool which can take screenshots of the entire page without having to zoom out (lost resolution)?

Also whats the best way to optimise the filesize? My images will be fairly large, but I don't want them to take an age to load either. Thanks.

3 Answers

Holger Liesegang
Holger Liesegang
50,595 Points
Holger Liesegang
Holger Liesegang
50,595 Points

Hi Jon,

I use Snagit for that purpose and there are Mac + Windows versions available.

Dino Paškvan
PLUS
Dino Paškvan
Courses Plus Student 44,108 Points
Dino Paškvan
Dino Paškvan
Courses Plus Student 44,108 Points

For taking screenshots of webpages, I really like this Chrome plugin. You can use it to take screenshots of whole pages or just parts, whatever you need.

As for optimization, if you're on a Mac ImageOptim is really good. For Windows, there's something called FileOptimizer, but I don't know much about it as I've never used it. It might be worth taking a look at, though.

Chris Dziewa
Chris Dziewa
17,781 Points

I love using that Chrome Plugin too!

Jon W
Jon W
6,185 Points

Think I'll try the Chrome plugin first as I can easily disable it when not needed. Thanks Dino!

Wesley Vance
Wesley Vance
7,931 Points
Wesley Vance
Wesley Vance
7,931 Points

If you are on a Mac computer, you could also consider the built in screenshot commands. Command + Shift + 4 (for a partial screenshot, just click and drag) or Command + Shift +3 for the entire screen. The files get saved as a .png to your desktop, and then can be sued anywhere.

If you are on a PC I believe there is also a built in program which does that as well, snippet I believe. I hope this helps!

Jon W
Jon W
6,185 Points

That is what I was using, but to get the full site length, I had to zoom out which meant the image is of lower resolution if you were to zoom in.