How do you take full length screenshots


#1

Hey,

I’m wondering how you take full length screenshots of your WordPress themes when they have features like sticky nav bars or ‘back to top’ buttons. Because when I try and take screenshots of such themes they don’t like right, but I know there must be a way…

So how do you guys do it?


#2

You can try this


#3

https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce


#4

I can’t get Sciweavers to work at all (it’s outputting blank pages) and Awesome Screenshot is good but it doesn’t deal well with parallax effects.

Say you were trying to take a full screen capture of this theme, for example. How would you do that?


#5

You can use snapshot in Chrome…


#6

install maxthon browser, it have the option to save page as image and you will get the whole page like a screenshot


#7
athemez said

I can’t get Sciweavers to work at all (it’s outputting blank pages) and Awesome Screenshot is good but it doesn’t deal well with parallax effects.

Say you were trying to take a full screen capture of this theme, for example. How would you do that?

If you need it: http://i.imgur.com/jSh8zIB.jpg

Created with Chrome + Screen capture (by Google) + GIMP to fix last parallax section.


#8

Thanks Original. What did you do in GIMP to fix it? I have Photoshop but I assume the process would be the same.

I still reckon there’s a screenshot tool out there somewhere that can cope with parallax! If anyone knows of one, please post.


#9
athemez said

Thanks Original. What did you do in GIMP to fix it? I have Photoshop but I assume the process would be the same.

I still reckon there’s a screenshot tool out there somewhere that can cope with parallax! If anyone knows of one, please post.

Well the issue here was not with the tool. Even if I scroll manually, this issue happens with last parallax image (it's edge shows up too soon).

I just injected some custom css to fix that, took a snipp with desktop screenshot tool and pasted that over original part in GIMP.


#10

If you have Mac I recommend you Paparazzi. This is amazing application to take screenshots with different resolutions:


#11

We tried them all, and ended up with this one being the best! https://chrome.google.com/webstore/detail/nimbus-screenshot/bpconcjcammlapcogcnnelfmaeghhagj?hl=en

  • Ed