over 8 years ago from Shane Boland, front-end design/shopify optimization
Are there any plugins/services out there that you use to take full-page screenshots of a live website? For use in a portfolio case study, or for showing a client, etc.
Firefox can do it. Tools > Web Developer > Developer Toolbar, then type "screenshot --fullpage".
Awesome! Go firefox! Thanks
Wow, had no clue! Thanks for sharing that ;)
A more convenient way would be to use Screengrab add-on.
If you are on a Mac — this could do https://derailer.org/paparazzi/
I use a Chrome plugin called "Awesome Screenshot". Does full page captures, and most of the time works well enough.
Still have not found an elegant solution to capturing parallax pages successfully.
Coupled with Remove Scrollbars extension, it's what I use too.
https://chrome.google.com/webstore/detail/remove-scrollbars/lkfmjedfjkmfmckgcadelnfjebccjdcf
This is helpful! I wish there was an extension to removed the "scroll to top" buttons that show up on some site screenshots.
That's what I have used for a few years too. I love the update with a delay so you can screenshot hover states.
And it has options for:
n seconds then take a picThe only caveat is that your site has to be currently running online in order for you to take advantage of this site.
here is one of DN.
I'm a big fan of Ember to take screenshots / collect / tags / share / export.
I'm using the chrome Full Page Screen Capture, it does the trick :)
If you are on Mac. It's easy peasy.
Command-Shift-4 Click on the browser window.
There you go. And you have this beautiful shadow with you screenshot.
-------------Other screenshots shortcut on Mac -----------------
Command-Shift-3 Capture the screen to a file Command-Shift-Control-3 Capture the screen to the Clipboard Command-Shift-4 Capture a selection of the screen to a file, or press the spacebar to capture just a window Command-Shift-Control-4 Capture a selection of the screen to the Clipboard, , or press the spacebar to capture just a window
I've been using a Chrome Extension called "Nimbus" which does full page screenshots and allows you to edit in browser.
https://chrome.google.com/webstore/detail/nimbus-screenshot/bpconcjcammlapcogcnnelfmaeghhagj?hl=en
Going to have to check out a few of the ones posted.
I use http://board.creonomy.com to collect screenshots of full pages or part of a a website. There is also a plugin for Chrome that do this job greatly, with nice and easy shortcuts. Hope this helps.
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now