Any way to take a full-page screenshot on Safari?

Discussion in 'Mac Apps and Mac App Store' started by dachshundx, Dec 15, 2016.

  1. dachshundx macrumors newbie

    Joined:
    Feb 13, 2016
    #1
    Using "Export as PDF..." does not render the page correctly 90% of the time. Anyone know of an easy way to take a full-page screenshot of a webpage on Safari?
     
  2. CoastalOR macrumors 68020

    CoastalOR

    Joined:
    Jan 19, 2015
    Location:
    Oregon, USA
    #2
    Capto is a "easy" way to do what you want by selecting the Web button which can make a web full page picture of the current browser URL web page. It is not free software.
     
  3. xplorations macrumors newbie

    xplorations

    Joined:
    Dec 15, 2016
    Location:
    Suisun City, CA
    #3
    in OSX, Go to Finder/Applications/Utilities
    Grab will allow you to take a portion or the whole of the screen.
    Very Useful.
     
  4. kohlson macrumors 68000

    Joined:
    Apr 23, 2010
    #4
    Grab or cmd-shft-3 (or variations) to capture the screen. Use cmd- (cmd minus) to get more of the content on the screen.
     
  5. Moakesy macrumors regular

    Moakesy

    Joined:
    Mar 1, 2013
    Location:
    UK
    #5
    cmd-shft-4 brings up cross hairs so you can select a part of the screen, it then saves a file to your desktop of the screen grab. I prefer the screen grab to go to clipboard, so I can just paste it where I need it, rather then clutter my desktop with lots of screen grab files. By default, getting it to clipboard is Cmd-ctrl-shift-4...which is a struggle with my big hands. In order to make this easier I changed the keyboard shortcut by...

    System Preferences / Keyboard
    Then click on the 'Shortcuts' tab
    Select 'Screen Shots' on the left hand side
    It shows you the four different options available...you can re-assign the key combination shortcut so your favourite one is easy to remember. To do this, just click where the bit of the screen where the current shortcut is shown and press you new key combination to reassign it.

    I used to use Grab, but this shortcut is now my preferred method as it's much quicker.
     
  6. Dave Braine macrumors 68040

    Dave Braine

    Joined:
    Mar 19, 2008
    Location:
    Warrington, UK
    #6
    Depends on what you want. If you want a screenshot of what you can see on your screen then Ctrl/Shift/4(no need to use Grab) will give you the crosshairs. If you position those crosshairs on the Safari page and tap the Spacebar, the crosshairs turn to a camera and the whole Safari window is highlighted. Click the mouse and you have your whole page screenshot.

    If you want the whole of this webpage including all the background colours, then in the Print Dialogue box tick the "Print Backgrounds " option.

    Also, the formatting of the PDF will depend on how wide the Webpage is and the paper size of your PDF. Again, you can adjust that in the Print box.
     
  7. liya1201 macrumors regular

    Joined:
    Sep 8, 2010
  8. presenta, Dec 29, 2016
    Last edited: Dec 29, 2016

    presenta macrumors newbie

    presenta

    Joined:
    Nov 29, 2016
    Location:
    Bulgaria (EU)
    #8
    Taking full-page screenshot is not an easy task. Printing to PDF fails most of the times. macOS Grab app (Cmd+Shift+4) works only on the visible part of the browser window. Third party apps may help, but the one I tried (Web Snapper) produced unreliable results (just try a Macupdate page) and it's no longer supported by developers.

    I found that Firefox has a built-in function to take full-page screenshots, which works great. You just hit Shift+F5 (to open Developer Tools) and then click on the Camera toolbar icon. Voilà, your web page screenshot will appear in the Downloads folder. To put the Camera icon on the Developer Tools toolbar, click on the dev.tools settings (gear) icon and turn on "Take a screenshot of the entire page".
     
  9. Michaelgtrusa macrumors 604

    Joined:
    Oct 13, 2008
    #9
    Voila has a browser extension via the extension store that can do this.
     
  10. DesignerOnMac macrumors 6502a

    DesignerOnMac

    Joined:
    Jul 23, 2007
    #10
    In the Apple app store you can get this for FREE, I use it all the time: Apowersoft Mac Screen
     
  11. EssentialGadget macrumors newbie

    Joined:
    Aug 30, 2013
    #11
    If you need to capture the entire web page with scrolling then you want Browseshot.

    Browseshot on the mac store and at http://txtlabs.com/browseshot.html.

    Has been a godsend for me. Very reliable. Creates a PNG file. I use Adobe Acrobat DC to create a PDF from the PNG.

    It is FREE.
     
  12. MacGizmo macrumors 65816

    MacGizmo

    Joined:
    Apr 27, 2003
    Location:
    Arizona
    #12
    I use the Awesome Screenshot extension for Safari. 1-click to capture the entire page (whether it's on screen or not), free, and works great.
     
  13. iamsen47 macrumors regular

    Joined:
    Aug 18, 2012
    Location:
    Kobe, Japan
    #13
  14. MacGizmo, Aug 19, 2017
    Last edited: Aug 19, 2017

    MacGizmo macrumors 65816

    MacGizmo

    Joined:
    Apr 27, 2003
    Location:
    Arizona
    #14
    Yeah... that was nearly 4 years ago. They were removed from Apple & Google extension stores for a while, but returned a year or so ago.

    I've run fairly extensive tests on this and it's not doing anything nefarious at all. (Although I must admit that I've not used any of their services for uploading, etc. – I just drag the image to my desktop and close the window).

    And to be honest, and I'm not discounting your warning at all—it's a very valid concern, I couldn't care less if any person or company is sold my browsing history anyway. My world is not in ruins if somebody knows I'm searching Amazon for cheap Apple Watch bands. ;)

    However, I also have used Paparazzi for a long time and found it to be quite good.
     
  15. Michaelgtrusa macrumors 604

    Joined:
    Oct 13, 2008
    #15
  16. alexisgallagher macrumors newbie

    alexisgallagher

    Joined:
    Apr 5, 2018
    #16
    Yes, you can do this in Safari or in Chrome. And if you're working in Safari, then you can also configure Safari to simulate an iOS device, so then you can get a full webpage screenshot of how the page would render on iOS.

    You don't need extensions.

    Instructions here: https://gist.github.com/algal/972c43b533cade4332faf4ec4458fd93
     
  17. Efrem macrumors regular

    Joined:
    Jul 30, 2009
    #17
    Great suggestion, and thank you. I wish I had seen it a year and a half ago when you posted it! Now I can only hope that you see this note so long afterward.
     
  18. MacGizmo macrumors 65816

    MacGizmo

    Joined:
    Apr 27, 2003
    Location:
    Arizona
    #18
    I hate to break it to you, but the instructions you linked to doesn't give you full screen screenshots—it gives you a standard screenshot with the page in responsive mode.
     
  19. alexisgallagher macrumors newbie

    alexisgallagher

    Joined:
    Apr 5, 2018
    #19
    I'm not sure what you mean but I can clarify what I mean.

    When I follow these instructions, they produce a PNG file that shows the entire webpage not just the part of the webpage visible in the browser viewport.

    That's all I needed for my purposes, which is to have a single image for printing, annotating, etc..

    Going into responsive mode on Safari was necessary to see what it would look like on an iPhone. I don't know if it's 100% faithful to what Mobile Safari would actually produce but it seems to be; it's certainly more accurate than Chrome's attempt.

    P.S. By the way, I wrote the instructions myself, so it's possible I was unclear and I'm doing something different from what they describe. If so, sorry!
     
  20. MacGizmo macrumors 65816

    MacGizmo

    Joined:
    Apr 27, 2003
    Location:
    Arizona
    #20
    Sorry, I see what you're doing now. I suppose it's close enough to accurate (the desktop vs. mobile rendering in the responsive mode) to be useful.

    That being said, that's a minimum of 6 steps to take a screenshot. I find it much easier (for my admittedly simple needs) to click a button in the already on screen toolbar of the browser window. ;)
     
  21. rhett7660 macrumors G4

    rhett7660

    Joined:
    Jan 9, 2008
    Location:
    Sunny, Southern California
    #21
    I know this is an older thread, however I just found Google chrome has a few extensions that do what you are looking to do and some of them allow you to save the file as a pdf or png. I am currently using "Full Page Screen Capture" and has been pretty good and stable.

    I have one on Firefox also, but I haven't looked for safari.
     
  22. stardrive macrumors newbie

    stardrive

    Joined:
    Sep 29, 2015
    #22

    Holy cow! This is brilliant. Thank you!
     

Share This Page