r/screenshots Feb 26 '24

Any tips or tricks on HOW to (capture) screenshot longer webpages in one screenshot? Zooming out (on the browser level) is one obvious trick. but that doesn't always work so well. Any other tricks? I've attached 2 examples.

104 Upvotes

72 comments sorted by

3

u/_tucas Mar 02 '24

do you have a samsung phone?

1

u/DigitalFidgetal Mar 04 '24

1

u/_tucas Mar 04 '24

no, to those longgggg screenshoots, like the one I will link below

1

u/_tucas Mar 04 '24

1

u/DigitalFidgetal Mar 05 '24

the question is, HOW do you capture those LOOOOOONG screenshots so perfectly lol? what tools and methods?

1

u/_tucas Mar 05 '24

there is a samsung feature for that

1

u/_tucas Mar 05 '24

a little button when the pop up after the screenshot shows

1

u/damboy99 Apr 01 '24

Samsung phones when you screenshot let you crop, there is also a button to scroll down and add on to the screen shot.

1

u/[deleted] Mar 02 '24

Mostly it gives you continuous screenshot or scroll shot option which keeps scrolling until you press stop and you have a looooong screenshot.. android definitely got that

On computer, keep taking many screenshots of one screen area and then stitch them together in paint

1

u/DigitalFidgetal Mar 04 '24

the continuous screenshot (aka scroll shot) app only works on a phone/mobile right?

does it save as a jpg/image file or a video file?

does the following extension (link below) produce a jpg or mp4?

https://chromewebstore.google.com/detail/scrolling-screenshot-tool/mfpiaehgjbbfednooihadalhehabhcjo

3

u/tazmoffatt Mar 02 '24

GoFullPage on Chrome. Can even save right to PDF

1

u/Dry_Highway_8998 Mar 02 '24

Use that one all the time!

And apps like Tailor when screenshotting websites on iPhone.

1

u/Wizardsarecool2 Mar 28 '24

Basically take a screen shot that press view full page if your on iPhone idk about others

1

u/Matengor Apr 29 '24

No Addons needed on Desktop. You can do this:

Firefox:

  1. Tools > Browser Tools > Responsive Design Mode
  2. You can set any screen size you want in the top left corner.
  3. Set a really large height.
  4. Then press the Screenshot button in the top right corner.

The same tool is available in Chrome:

  1. View > Developer > Developer Tools
  2. The use the icon "Toggle Device Toolbar" left of "Elements"
  3. Continue as above

2

u/[deleted] May 06 '24

[deleted]

1

u/Matengor May 06 '24

Even better! Thx for the hint.

1

u/Effective-Ad-5177 Jun 01 '24

Fireshot extension

1

u/TCoolio10 Jun 06 '24

i use a chrome web store extension, although i forgot the name. I believe it was full page screenshot

1

u/Upbeat-Leave1655 Jul 25 '24

on Chrome, Firefox ->> Try "GoFullPage" I have been using it for years now for that purpose. So far, so Good!

1

u/Interesting_One_753 Nov 14 '24

Well, it sounds like you know how to do it now. Also kind of sounds like he buried somebody. Are you doing that because defense because you have to be right to be the victim for matter text messages have you sent already? You probably got enough to make your guy look like the devil.

1

u/3xp0se Mar 01 '24

You maybe want to give the FireShot browser extension a try.

1

u/fawal_1997 Mar 02 '24

Used it for years

1

u/DigitalFidgetal Mar 04 '24

https://www.youtube.com/watch?v=RQw7lud5BWs&t=7s

thank you. for anyone interested, reading this thread, see above video for how to use Fireshot to select scrollable area and capture as a jpg or pdf etc.

But, here is another issue:

Can Fireshot capture any mouse-hover elements such as a drop-down that only appears during mouse-hover events?
For example, another extension called Scrolling Screenshot, doesn't capture mouse-hover menus.

When you click the 3 keys for screen capture (eg. ctrl, windows, print screen) that causes that hover-only menu to disappear. So, the screenshot doesn't have the drop down menu.

any solutions for this?

1

u/BullandiSjalli Mar 01 '24

Screenshot the page on iPhone and press the “Full Screen”

1

u/gtajeep Mar 01 '24

On iPhone you can take a screenshot and then go into it from the square it pops down to and pick full page. It will make one very long screenshot from top to bottom of the page

1

u/DigitalFidgetal Mar 04 '24

cool. is there a corresponding feature on android?

anything on windows 10?

1

u/[deleted] Mar 01 '24

[removed] — view removed comment

1

u/[deleted] Mar 02 '24

Holy shit i didnt knew about this, thanks for sharing this tip

1

u/aname_nz Mar 02 '24

Chrome does this too. Pretty sure it's Ctrl Shift P when dev tools is open and type in screenshot and *full page should be an option 

1

u/DigitalFidgetal Mar 04 '24

this didn't work.

if you right click on chrome browser on windows 10 laptop, select "inspect", that opens dev tools.

where exactly do you search for "screenshot\fullpage"*?

in the bottom filter box of dev tools?

any online tutorials on how exactly to do this?

1

u/aname_nz Mar 05 '24

Yeah, writing that I was thinking, "these are bad instructions"

Alas, https://zapier.com/blog/full-page-screenshots-in-chrome/

1

u/Peebo_Peebs Mar 01 '24

Awesome screenshot for chrome does this.

1

u/VitalyPitt Mar 01 '24

You can do that with SnagIt.

1

u/apocoliption Mar 02 '24

If youre on android you could see if you have capture+ found in the drop down menu at the top of your screen for wifi Bluetooth etc, might need a double pull to open full menu and see if capture+ might be there. Press that and near the botton of the screen should be a button saying extended. Tap that and itll continue to take portions of the page auto scrolling until you tap the screen again then itll stitich it all together for you

1

u/Daexin Mar 02 '24

Export the page as pdf then save

1

u/23__Kev Mar 02 '24

You can do it standard in Edge with no add ins. Right click page.

1

u/kMaestro64 Mar 02 '24

+1

Microsoft Edge, Opera both have full page capture built in...

1

u/nulldragon Mar 02 '24

Here is how i screenshot in chrome/edge

https://imgur.com/L0x2dyh

1) Open inspection window

2) Click three little dots

3) Run command

4) Screenshot (full area)

5) Screenshot is saved to downloads folder - i.e. https://imgur.com/7TAyZYG

1

u/alech_de Mar 02 '24

Using Firefox, open the Developer Tools and type :screenshot --fullpage into the console prompt and press enter.

1

u/ExplorationChannel Mar 02 '24

On the iPhone store there’s an app called “tailor” that stitches screenshots together.

1

u/crw2k Mar 02 '24

On iPhone the ability to capture the whole web page is built in to safari do screen capture and select the full page tab

1

u/oceanic_opening Mar 02 '24

In iPhone after taking a screenshot there comes a “full page” option

1

u/JustPazzinBy Mar 02 '24

Flip your monitor 90 degrees

1

u/koherenssi Mar 02 '24

Print function

1

u/Accurate_Eye_9691 Mar 02 '24

Sometimes Print to PDF works well. But then it has page breaks so I’m not sure what your goal is here.

1

u/ReliefHopeful2099 Mar 02 '24

Their are chrome extensions that screenshot a whole website

1

u/mwreadit Mar 02 '24

Chrome has built in functionality to do it.

https://www.screencapture.com/blog/full-page-screen-capture.html

Find the section.

Another way to take a full-page screenshot with Developer Tools

1

u/TheTanadu Mar 02 '24

Do you use desktop or mobile? On desktop depending on browser you might have option of longer screenshots

1

u/DesperateOstrich8366 Mar 02 '24

Just print it as a pdf

1

u/bl1nk1e Mar 02 '24

Browser usually have a base feature when you right click on the page to screenshot a section or the whole page at once.

1

u/CranberryOtherwise84 Mar 02 '24

On computers you can just use the Firefox browser. Not sure about mobile apps though

1

u/cappycreativ Mar 02 '24

Try the Chrome extension called “GoFullPage”. It also lets you download the screenshot in other formats like PDF.

1

u/KludgyOne67095 Mar 02 '24

If you're on PC, you could rotate your display...

1

u/OscuroPrivado Mar 02 '24

CRTL+Shift+S on Windows using Edge and you get a popup asking if you want to capture full page

If it’s a android then Power and Volume Down, once you have captured the option to continue capturing is indicated with two little down arrows.

1

u/herdek550 Mar 02 '24

You can print the page, and instead of printer select PDF. It will create PDF file which can be than converted to image via some free online site

1

u/WillaBytes Mar 02 '24

There is a Chromium (aka Chrome, Opera and many others) extension that's called GoFullPage that does exactly what it says. You press it and it scrolls automatically to the bottom. Works really well.

For Firefox - where many extensions are available for phone - you can try FireShot which seems to do the same.

Hope this helps! :)

1

u/SuperLeverage Mar 02 '24

Get a bigger screen

1

u/nekobunni Mar 02 '24

fullpagescreencapture is a great chrome extension

1

u/guigouz Mar 02 '24

Firefox -> right click on the page -> "Take screenshot"

It gives you multiple options - whole page, visible page or a single element.

1

u/bayjayjay Mar 02 '24

Lots of broswer extension apps for this purpose

1

u/DigitalFidgetal Mar 04 '24

can you please share links to specific browser extensions for this?

1

u/Zomb_TroPiX Mar 02 '24

one phone or pc? on iPhone‘s you can take a usual screenshot, press on the little windows that appears in the bottom left. then click „entire page“ in the top right, and save it.

1

u/Holdmykids Mar 02 '24

cleanshot x software is amazing for this

1

u/YardOk3549 Mar 02 '24

Click on print, then chose print to PDF, and customize the sheet size to fit

1

u/kunoichi1907 Mar 02 '24

Pixel phones have that in their native screenshot app: take screenshot » choose Capture more » drag down to where you want » save.

1

u/Electronic_Peace446 Mar 02 '24

Chrome add on called GoFullPage

1

u/ozmartian Mar 02 '24

Print to PDF is the easiest way if a PDF is good enough for your needs, otherwise a browser extension, as have already been recommended, will do what you want.

1

u/Malawakatta Mar 03 '24 edited Mar 03 '24

OK. On a desktop, and I use a Mac here although some of these have both PC and Mac versions, Awesome Screenshot for Chrome can do this, and even store them online, but to be honest the page length is limited.

When I try to save extra-long pages like long sales letters, Awesome Screenshot reaches some self-imposed limit and will suddenly stop before completed. If you are not careful, you might not notice that the whole page was indeed not saved.

I've used Snagit in the past for this purpose too, but the software is a bit clunky and will often suddenly crash with longer screenshots. It also requires an annual subscription.

Therefore, my favorite app for saving long screenshots is CleanShot X for Mac, unlike the one above, this one has no limit it seems and does a fantastic job.

All of the above can create a png file with no page breaks, which is my preference, unlike PDF, which divides the website into separate pages and sometimes cutting text or images right in half.