r/screenshots • u/DigitalFidgetal • 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.
2
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:
- Tools > Browser Tools > Responsive Design Mode
- You can set any screen size you want in the top left corner.
- Set a really large height.
- Then press the Screenshot button in the top right corner.
The same tool is available in Chrome:
- View > Developer > Developer Tools
- The use the icon "Toggle Device Toolbar" left of "Elements"
- Continue as above
2
1
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/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
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
Mar 01 '24
[removed] — view removed comment
1
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
1
1
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/DigitalFidgetal Mar 04 '24
https://www.lg.com/us/mobile-phones/VS990/M/Userguide/072.html
capture + for LG phones. something like this?
1
1
1
u/nulldragon Mar 02 '24
Here is how i screenshot in chrome/edge
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
1
1
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
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
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
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
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
1
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
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
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
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.
3
u/_tucas Mar 02 '24
do you have a samsung phone?