Gary, you just saved me so much time and work. Now instead of screen-shotting one page at a time of a long article from Rolling Stone magazine and dropping each image into a PAGES file, I exported the whole thing as a PDF. Not only that, but I selected only 11 out of the 18 pages previewed, so I could skip 7 pages of their extra links and ads I didn't want. Thank you!
I use Safari myself, tested out your steps and of course it worked perfectly A+ If only I knew this trick earlier because I have lost count how often I have wanted to screen capture/turn into PDF's to save the files for the future or share with messages/mail. Keep up the great work 👏🏽
Tears in my eyes. You have saved me hours of pain from converting web pages to multiple pdfs (per web page) then converting each page to jpeg then putting each in.... ahhh, thanks a million
The FireFox function is the best, so far. Plus, there are 2 more functions you can use in FF. When you're ready to take your screenshot, instead of choosing "Save Full Page" or "Save Visible," you can drag your cursor around the webpage to screenshot a section of the page instead of the full screen or visible area. Once you've selected your area to be captured, you can adjust the size of the selection box or move it around to capture any part of the webpage you want. This is perfect for capturing web images, screenshots of TH-cam videos and thumbnails too. Also, after you've decided which part of the page you're capturing, instead of simply downloading your image, you can also copy it to your clip board to be pasted in a document. One thing that's clunky is that certain elements or a menu bar (like the "accept all cookies" message bar) on a page as you scroll down, if you select "Save Full Page," that element/bar might be placed awkwardly in the middle of your image.
I did not know Firefox had this built in! This is a place where command line tools shine. A tool called 'pageres' does a marvelous job using its default settings, and has oodles of options to let you tweak the results. I like being able to control the image resolution (and therefore size) of the screenshot, depending on how I intend to use it.
Another excellent video. I use Snagit, but the older versions seem to do web page scrolling better - anyway, thanks ! - how about doing a video on the best web crawler for MAC, for those times when it is needed to download all the images of a web page and its links ? - thx !
whoa! who would have guessed. what a cool way to tackle a common problem with simple all the way to Advanced ( turn it up to 11 ) options for nerds. love that you can teach both audiences in 1 video. amazing!
The OS13.2 / Safari 16.3 update seems to really messed up things. In this case I think there's something called "lazy load" which may be involved in hiding graphics. Select the reader option and the page will render correctly. Use the print - save as pdf and the box will not show all graphics, nor save them. Of course every web page seems to behave differently. Bottom line is you can't save a pdf for off line reference or archiving.
My MacOS version is Ventura 13.5 Beta. I made a mistake, for example, Apple's official website is OK, but some websites that require subscriptions are not. You can only save what you see, you cannot scroll the screenshot.
This was super helpful! Thank you! Any chance you might know which browser creates the highest quality/resolution image?? Thanks in advance for your reply 🤍
The Menu Bar? It should always be there unless you have hidden it. Are you in Full Screen mode? Either way, see th-cam.com/video/or7MOM4mXQY/w-d-xo.html
Gary, for some reason, when I export to a PDF in Ventura 13.3.1, I get the "Print to PDF" style and not the entire long PDF like you got. Is there something I'm missing or has this option been changed in the last 3 months?
how would you grab a screen shot of a job description like on indeed? Sometimes they have a scroll bar on the side of the job description… I current take screen shots in pieces for the job description… is there a way in that scroll section that I can grab it all at once?
So they have a scrollable rectangle inside the page. That's a tough one. I don't know of a good way. Maybe instead of a screen grab you just copy the text instead?
I am actually struggling with printing a part of the homepage, that has a scrollbar. What can I do to print everything from top to bottom and just the area in the middle, without the left menu bar on the homepage? Someone has an idea? I can just get printed what I see on the screen, but not what is hidden underneath (because I would have to scroll). I am normally a Windows user, and it would be no deal to do with the Windows computer😅
So the web page design puts a scrollable area inside the page itself? That may be difficult to print. How you proceed really depends on the details. Like maybe you can use Safari developer tools to select that DIV inside the scrolling area and print. Or, maybe you can select, copy and paste the text in there into a TextEdit document. You'll need to experiment and see. Maybe the site itself offers a way to download or print the data?
Safari, since Mojave 2018 became worse and worse. Doesn't load well on all pages, and news webs (images, text, videos) never run entirely. Google Maps scroll in out surfaces? doesn't work. Annoying with Safari, I always work with Firefox or Opera.
That would only work if you want to export an article as basic text. For a lot of pages that contain graphics, data, etc, you'll need other solutions. I'm just giving you options here.
Gary takes the simplest of things and shows them to you in a way you never imagined.
Gary, you just saved me so much time and work. Now instead of screen-shotting one page at a time of a long article from Rolling Stone magazine and dropping each image into a PAGES file, I exported the whole thing as a PDF. Not only that, but I selected only 11 out of the 18 pages previewed, so I could skip 7 pages of their extra links and ads I didn't want. Thank you!
I use Safari myself, tested out your steps and of course it worked perfectly A+
If only I knew this trick earlier because I have lost count how often I have wanted to screen capture/turn into PDF's to save the files for the future or share with messages/mail. Keep up the great work 👏🏽
I've probably watched hundreds of your videos...as great as they all are, this is by far one of the most useful ones I've seen. Thank you, Gary!
Wow! A very useful and informative video tutorial today! As always I appreciate the visuals! Thank you, Gary! 👏❤️
Tears in my eyes. You have saved me hours of pain from converting web pages to multiple pdfs (per web page) then converting each page to jpeg then putting each in.... ahhh, thanks a million
The FireFox function is the best, so far. Plus, there are 2 more functions you can use in FF. When you're ready to take your screenshot, instead of choosing "Save Full Page" or "Save Visible," you can drag your cursor around the webpage to screenshot a section of the page instead of the full screen or visible area. Once you've selected your area to be captured, you can adjust the size of the selection box or move it around to capture any part of the webpage you want. This is perfect for capturing web images, screenshots of TH-cam videos and thumbnails too. Also, after you've decided which part of the page you're capturing, instead of simply downloading your image, you can also copy it to your clip board to be pasted in a document.
One thing that's clunky is that certain elements or a menu bar (like the "accept all cookies" message bar) on a page as you scroll down, if you select "Save Full Page," that element/bar might be placed awkwardly in the middle of your image.
macOS has built-in functionality for "capture any part" which feels much quicker.
Not one of these options worked on my bank's website. I even downloaded FireFox just for this. It only captured the visible section.
thank you so much!! so informative and straight to the point. No amount of google searches helped me with my issue
I did not know Firefox had this built in!
This is a place where command line tools shine. A tool called 'pageres' does a marvelous job using its default settings, and has oodles of options to let you tweak the results. I like being able to control the image resolution (and therefore size) of the screenshot, depending on how I intend to use it.
Thank you. This is such an intricate topic and finally I'm given real solutions to this problem.
6:06 Hi! You can still customize the toolbar and add the button to take screenshots.
Watch at 6:42
You are a lifesaver sir. Thank you so much. The dev tools on Safari is my favorite method.
Another excellent video. I use Snagit, but the older versions seem to do web page scrolling better - anyway, thanks ! - how about doing a video on the best web crawler for MAC, for those times when it is needed to download all the images of a web page and its links ? - thx !
Thanks Gary! Great tip!
whoa! who would have guessed. what a cool way to tackle a common problem with simple all the way to Advanced ( turn it up to 11 ) options for nerds. love that you can teach both audiences in 1 video. amazing!
Thank you! After an hour of frustration you saved me!
Thank you so much, Gary! This one was something I've often wished I could do.
This is a great video tutorial without paying any third party software. Thank You So Much!
Thank you -- your videos are so helpful and I really appreciate that you get directly to the point.
Wish I found out about this before. Now I can save pdfs of Google forms. I used to screenshot pages before. Plus, thanks for the web inspector tip.
give this man an award. thank you
Thanks very much, I'm using this in Firefox now to get great still images of my landing page work for my portfolio.
Another informative and very helpful video, Gary. Many thanks!
Thank you, very useful.
The OS13.2 / Safari 16.3 update seems to really messed up things. In this case I think there's something called "lazy load" which may be involved in hiding graphics. Select the reader option and the page will render correctly. Use the print - save as pdf and the box will not show all graphics, nor save them. Of course every web page seems to behave differently. Bottom line is you can't save a pdf for off line reference or archiving.
My MacOS version is Ventura 13.5 Beta. I made a mistake, for example, Apple's official website is OK, but some websites that require subscriptions are not. You can only save what you see, you cannot scroll the screenshot.
Absolutely excellent job Gary... Thank you kindly...
Thank you! The Firefox is great - just what I wanted!
Thanks very much, Gary, for this incredibly useful tutorial!
the most useful vid ive ever seen. srsly thanks
Thank you soo much you saved so much time!
Thanks Gary 😀
Great explained!!!! Thank you so much
Very helpful video. Thank you 👌
Thanks, as usual, always very helpful.
thank you very much, you helped me a lot!
Thank you!! I just needed to do this in my job and you saved my life! #TeamFirefox haha
You save my time!! thank you.
Thanks bunches
Thanks Gary, you the best!
Than you Gary, just what i was looking for. Brilliant!
exactly what I was looking for :)
Thats awesome - no more multiple pages of screenshots. Thank You!
Great video! Well done! Thanks
Web inspector worked for me. thanks
This was super helpful! Thank you! Any chance you might know which browser creates the highest quality/resolution image?? Thanks in advance for your reply 🤍
They should all be the same if you mean capturing pixels displayed on the screen.
holy shit this is so smart!!!!!!!!!!! I've always wondered how on earth those super long screenshots are made, now I know!! thank you!!!
My man! This is what I needed 👍🏾
Thank you, mate!
Awesome! Very helpful!
It works, thank you!
Saved me so much time
excellent. Through and helpful. Thank you.
Thank you!
Thank you you are so great!!!
Some websites cannot export the whole web page. What is the suggestion Gary? Love your channel and the awesome clip cliptool. You are amazing!
Did you try each method?
How did you get the headings file, edit, view, etc. to show up while you are on a webpage? I have never seen that before.
The Menu Bar? It should always be there unless you have hidden it. Are you in Full Screen mode? Either way, see th-cam.com/video/or7MOM4mXQY/w-d-xo.html
Thanks, Gary. I followed your instruction and set shortcuts for Chrome but it does not work.
Stellar stuff! Thanks, Gary. 💜
Thanks for that video!!!! Do you have any with video recording?
Just a general screen recording video? th-cam.com/video/baNvstcu4vI/w-d-xo.html
thanks it worked!! 😊
Thank you very much amigo!
Perfect, thanks)
Thank you so much for your help. God bless.
It only takes a screenshot on what I can visibly see and not the full up and down of the page. 😢😢😢
Have you tried all of the methods? They should all work, but if you are having trouble implementing one, then try one of the others.
Thank you so much!!!
thx man, felt like a hacker when I did it with Chrome haha
Geez Gary I been using Macs for years. About 15% of it!
BTW i thought I had subbed you already.
My mistake!
Gary, for some reason, when I export to a PDF in Ventura 13.3.1, I get the "Print to PDF" style and not the entire long PDF like you got. Is there something I'm missing or has this option been changed in the last 3 months?
Have you tried multiple web pages at different sites? It could just be how that page is designed.
super useful
how would you grab a screen shot of a job description like on indeed?
Sometimes they have a scroll bar on the side of the job description…
I current take screen shots in pieces for the job description…
is there a way in that scroll section that I can grab it all at once?
So they have a scrollable rectangle inside the page. That's a tough one. I don't know of a good way. Maybe instead of a screen grab you just copy the text instead?
thnx gary
thanks a lot
I am actually struggling with printing a part of the homepage, that has a scrollbar. What can I do to print everything from top to bottom and just the area in the middle, without the left menu bar on the homepage? Someone has an idea? I can just get printed what I see on the screen, but not what is hidden underneath (because I would have to scroll). I am normally a Windows user, and it would be no deal to do with the Windows computer😅
So the web page design puts a scrollable area inside the page itself? That may be difficult to print. How you proceed really depends on the details. Like maybe you can use Safari developer tools to select that DIV inside the scrolling area and print. Or, maybe you can select, copy and paste the text in there into a TextEdit document. You'll need to experiment and see. Maybe the site itself offers a way to download or print the data?
BROOO THANKU SO MUCH THIS TUTORIAL SAVED MY LIFE AHAHAHAHAHHA
What if the webpage has embedded video? Is there a way to "capture" the video as well or will it just show an image of the video?
Not really since the video is usually streaming media, not a download.
Is there a way to batch convert an entire website to pdf rather than just one page at a time?
An entire website? Not sure what you mean by that. Like download everything? What is your goal here?
I followed the steps in Firefox and even though selected "save full page" it just screen printed the visible....
Is this also possible on iPad?
th-cam.com/video/9VQS3cny7s0/w-d-xo.html
👍🏼, thank you very much. 🌞
my screenshot whole page on chrome cuts off about 15% of my left side of the screen for some reason
None of the 3 ways for Safari worked for me !
This doesn't work with ChatGPT :( Tried Firefox and Chrome.
Why would you need it with ChatGPT? Just select, copy and paste.
I tried the 3 methods. None of them worked. Maybe I'm missing something.
The Firefox method is the easiest. Try again with that.
I save a webpage as a "Webarchive" by simply choosing "save as"...
🙏
Safari, since Mojave 2018 became worse and worse. Doesn't load well on all pages, and news webs (images, text, videos) never run entirely. Google Maps scroll in out surfaces? doesn't work. Annoying with Safari, I always work with Firefox or Opera.
Oh for Christ sake! Not everyone is as smart as you! Just hit reader view and export to desktop as PDF.
That would only work if you want to export an article as basic text. For a lot of pages that contain graphics, data, etc, you'll need other solutions. I'm just giving you options here.
So helpful! thank you
So useful - thank you 🙏