• Press Releases
  • Industry News
  • Product Spotlight
  • Fresh from Apple
  • Video Production
  • Installation Videos
  • Explainer Videos
  • Testing Lab
  • Networking & Security
  • Special OWC Deals
  • The Other World
  • Powered by OWC
  • Space & Beyond
  • Random Thoughts & Topics
  • OWC Unplugged
  • Article Archives
  • Make a Suggestion

Send us a Topic or Tip

Have a suggestion for the blog? Perhaps a topic you'd like us to write about? If so, we'd love to hear from you! Fancy yourself a writer and have a tech tip, handy computer trick, or "how to" to share? Let us know what you'd like to contribute!

How to Take a Screenshot of an Entire Webpage in Safari on a Mac

Mark Chaffee

Taking screenshots of a webpage is a normal operation for many. Perhaps it’s to capture an image for a meme, graphs for a presentation, or to send that annoying error message to a disbelieving customer service rep. Whatever the reason, some of the standard Mac screenshot options may not do the trick.

Most of us are familiar with Shift-Command-3 to capture the entire screen, or Shift-Command-4 to capture a selected portion of a screen. You may even be familiar with Shift-Command-5 to capture a single window. But what if you want to take a scrolling screen capture of an entire webpage? The aforementioned tools can’t do that – they can only capture visible areas of your screen. So, is it even possible to take a screenshot that includes a portion of a webpage you would normally need to scroll to see?

Yes, there is! But it does take a few extra steps than just executing a single keystroke combination.

Screenshot a Webpage

  • Open Safari and go to “ Safari > Preferences… “
  • Click the Advanced tab and toggle on “ Show Develop menu in menu bar .”

Safari preferences showing advanced tab

  • Navigate to the webpage you want to capture and from the Develop menu, choose “ Show Web Inspector .” Alternatively, you can hit alt-command-I (⌥⌘I).

Show Web Inspector in develop menu in safri

  • Select the Elements tab and right-click on the line that begins with “<html…”
  • Choose Capture Screenshot

safari desktop screenshot full page

  • Give it a moment to do it’s magic, and then select a name and location to save the file.

safari desktop screenshot full page

All done! Well, almost…

This could just be an issue I run into, but when capturing entire pages in this manner, there is a lot of empty container buffer around the image in the PNG file. You can see this in the Quick Preview of the file:

safari desktop screenshot full page

Let’s fix that.

  • Open the file in Preview . If Preview is already your default application to open PNG files, you can simply double-click its icon.

Preview Markup icon

  • Drag the crosshairs in the empty area around the image. You’ll see the empty space selected and highlighted in red. Drag too far, and you’ll pick up the image itself. Don’t do that, we only want to select the empty area.

safari desktop screenshot full page

  • When you let go of the mouse button, the highlighted color will disappear and be replaced with a dotted line indicating the selected area.

safari desktop screenshot full page

  • Hit Shift-Command-I (⇧⌘I) to invert the selection.

safari desktop screenshot full page

  • Hit Control-K (⌘K) to crop the image to the selection.
  • Now you can hit Save (⌘S) and you truly are done. One cleaned up screenshot of an entire webpage.

safari desktop screenshot full page

Related Links

  • macOS 101: What’s in the Utility Folder, Part 2
  • Friday Five: Apple Webpages You Should Bookmark Right Now
  • Using Activity Monitor Part 1: CPU and Memory
  • Your Mac Doesn’t Want to Empty the Trash? Make It!
  • How to Print a Webpage Without Ads and Backgrounds on a Mac

Other Topics You Might Like:

macos screenshot app icon showing app options

Leave a Reply Cancel reply

Save my name, email, and website in this browser for the next time I comment.

Notify me of follow-up comments by email.

Notify me of new posts by email.

13 Comments

OH man, Thank you so much for this post. it really helped me and saved a lot of my time.

Thanks for the helpful screen capture. I cannot get the clean up to work. The Shift+Command+I doesn’t work and I cannot get the Control+K to work. Can select the red area but that’s it.

Hoping you can help.

You show us how to capture OTHER web pages but NOT your own? That’s not cool dudes! If its not NOT for you, its not OK for anyone, right?

on Catalina, the part involving Preview to crop the image was a bit different, but I figured it out. Click on the show Markup Toolbar icon, then click on Rectangular Selection, then draw a box around the bit of interest, then click on “crop” in the toolbar. Repeat if needed. Zoom as needed.

Thanks for the insight!

Tried it on the article and when I try to pen saved .png I get message that either file is corrupted or can’t open the file format.

I ran into this also, then I quickly realized the file does not have the .png extension. Recaptured the screen and ensured when renaming the file, I added .png. Opened as a webpage though not as a preview. Still to figure out how to set preview as the default file opener for png files.

I’ve often wanted to do this. However, on this very page, while the initial steps seem to work, the resulting .png is un-openable by Preview or Pixelmator Pro or Quicklook. (“It may be damaged or use a file format that Preview doesn’t recognize.”)

File->Print->Save as PDF, and File->Export as PDF work as expected in Safari (full HTML-rendered page) with the added features of selectable text and extractable images in the PDFs (for those memes y’all). ~Tim~ macOS Big Sur, 11.4 Safari 14.1.1

Awesome tip! These are the articles that make it worthwhile to keep visiting Rocket Yard of OWC. Thanks. BTW an application to do it is Paparazzi! (but it does not work in all cases) https://derailer.org/paparazzi

I just tried that same Apple webpage with Safari 14.1.1 in OS 11.4. Went to File > Export as PDF… and bingo! Got a nice high-res 8.2MB PDF on my desktop instantly. Image is clean, no unexpected margins.

That works! Thank you!

Huh. I just tried that in Mojave with the latest Safari (14.1.2), using this webpage for the test.

I end up with a 20.6mb file ending in .PNG format, but which will not open. It’s either “damaged” or in a format that Preview can’t open.

In most other applications, this function would be easily performed using the Print button, and then Save as PDF. It is truly unfortunate that web developers have blocked the normal Print functionality on the web.

You Might Also Like

The ultimate mac buyer’s guide, part 5: cpu cores speed up workflow — sometimes.

safari desktop screenshot full page

How to Brighten Up Your Video Calls With Studio Light and Continuity Camera in macOS Sonoma

safari desktop screenshot full page

How to Enable Two-Factor Authentication for Your Apple ID in macOS Sonoma

safari desktop screenshot full page

The Ultimate Mac Buyer’s Guide, Part 4: How Much Memory Does Your Workflow Require?

Email Address

safari desktop screenshot full page

  • Brand Assets

safari desktop screenshot full page

8 Galaxy Way Woodstock, IL 60098 1-800-275-4576 +1-815-338-8685 (Int)

All Rights Reserved, Copyright 2020, OWC – Since 1988   |   Terms of Use   |   Privacy Policy

We use cookies to provide you with a full shopping experience, including personalized content, and to help us improve your experience. To learn more, click here .

By continuing to use our site, you accept our use of Cookies, Privacy Policy and Terms of Use .

How To Take Full Page Screenshots In Safari For Mac

Safari comes as the default browser on Mac computers. It is a perfectly capable browser and if you prefer using native software instead of downloading third-party browsers, we get it. However, unlike Edge, there is no straightforward built-in tool for capturing full page screenshots in Safari.

We’re not sure if Apple ever plans to introduce the feature in an easier manner, but don’t worry, if capturing full page screenshots is something you’re interested in, there are ways around this problem which we will cover in the guide below, so read on to find out.

Saving Websites As PDFs

What’s interesting about this method is that if you try to take a scrolling screenshot on an iPhone , it actually saves as a PDF, so this method is pretty similar.

  • Open Safari
  • Go to the website you want to capture
  • Click on Show Reader View
  • From the menu, select File > Export as PDF
  • Choose the location and name and click Save

Note that because you’re saving it as a PDF file, it is actually not an image file. The upside to this method is that if you have a PDF editor, you can actually make some edits to the file like adding notes. The downside is that it is equally easy for someone else to make the same edits if they have the file, versus images which might be slightly trickier to manipulate seamlessly.

Using Safari’s Developer Tools

Similar to how Google approaches full page screenshots with Chrome, it appears that Apple has also hidden its full page screenshot tool for Safari behind its developer tools.

  • Click on Develop > Show Web Inspector
  • In the newly opened window, right click the very first line that reads “html”
  • Select Capture Screenshot
  • Save the file

The upside to this method is that if you don’t need to capture the entire page, you can just highlight portions of the code that you want to capture, but that’s assuming you know what you’re looking at. Also, Apple already built-in screen capture tools into macOS that will work in Safari (except it doesn’t do full page captures), so that would be an easier method than this.

Using Awesome Screenshot Extension For Safari

If neither of the options above sound appealing to you, then you might be interested to learn that you can use a browser extension for Safari called Awesome Screenshot that makes the entire process a lot simpler.

  • Download and install the Awesome Screenshot extension
  • Once the extension is installed, go to the website you want to capture
  • Click the extension’s icon and select Capture entire page
  • You can now make edits to the screenshot if you want
  • When you’re ready to save it, click the download icon and it’ll save it to your computer

Using TechSmith’s Snagit Desktop Tool

If you don’t mind paying for software, then perhaps TechSmith’s Snagit could be the end-all to all your screenshot needs. This is because Snagit won’t just work with Safari, but it will work across your Mac so in addition to capturing websites, you can use the Snagit tool to capture other screenshots like from applications, games, and so on.

  • Download and install Snagit
  • Launch Snagit and click the “All-In-One” tab to the left
  • Click the Capture button
  • Select the area of the website you want to capture and click the “Launch a Panoramic Capture” button
  • Click start and start scrolling down the website and click Stop when you’re done

Keep in mind that Snagit is not free. There is a free trial that you can check out to see if this is what you want, but once the trial is up, you’ll have to pay $50 for a single-user license. It is expensive, but if you think you can get your money’s worth, why not?

Filed in Apple > Computers . Read more about macOS and Safari .

How to capture full-length screenshots of web pages using Safari for Mac

Josh Norman

Getting a screenshot of the entire length of a web page can be useful for a variety of reasons, whether you’re creating a scrolling mockup for presentation purposes or you recently purchased a font bundle and want to capture the page that shows type specimens of your new treasure trove for future reference.

There’s always the tedious, manual way of doing this: taking a screenshot (shift-command-3), then scrolling down the page in your browser, and repeating the process until you’ve reached the bottom of a web page. Then, you’re likely off to Photoshop to stitch multiple screenshots together. While that method works, it’s not a good use of your time.

There are plenty of standalone apps and browser extensions that can assist with streamlining this process, like Awesome Screenshot , but you might not realize that your Mac’s built-in browser, Safari, has this capability already. You just need to take a few steps to activate it and shoot those screens to your heart’s content.

1. Turn on the Develop menu.

First, launch Safari, select Safari > Preferences from the menu, and go to the Advanced tab. Check the box next to Show Develop Menu in Menu Bar .

safari desktop screenshot full page

2. Browse to your web page of choice.

For this exercise, let’s visit espn.com . It’s got a pretty lengthy home page.

3. Start inspecting.

From the Develop menu, choose Show Web Inspector .

safari desktop screenshot full page

A panel will open at the bottom of your Safari window that might look intimidating, but you don’t need the skills of a developer to get what you need here.

4. Take your shot.

Make sure you’re on the Elements tab in the Web Inspector panel at the bottom of your Safari window. Hover your pointer over the <html> tag. You’ll see almost all of the web page content highlighted. 

Control-click or right-click while hovering over the <html> tag. You’ll get a flyout menu, within which you can select Capture Screenshot .

safari desktop screenshot full page

5. Save your shot.

After a second or two, you’ll be prompted to select a location and a filename for your screenshot. Click Save when you’re ready.

6. Edit your shot.

Head to the location on your Mac where you saved the screenshot. Select it by clicking once with your mouse in the Finder, then hit your spacebar to preview it. Chances are, there are a lot of empty containers around the screen image that you’ll want to remove. Click the Edit button at the top right of the window.

safari desktop screenshot full page

From there, click the Crop tool at the top left.

safari desktop screenshot full page

Click and drag the corners of the marquee that appears to crop comfortably to the edges of your screenshot, then click Done at the top right.

You’ve now captured the full length of a web page without any additional software or tools. 

Have any similar productivity tips to share? Let us know in the comments below.

How to capture full page screenshots in Safari, Firefox, and Chrome on Mac

There are plenty of times when you want to capture and save a screenshot of an entire webpage. It could be a research article, a helpful tutorial, a vertical photo, a shopping site’s product display, or even a lengthy meme.

In this tutorial, we will show you how to take and save a screenshot of a full web page or scrolling screenshot in Safari, Chrome, and Firefox on your Mac.

Full web page screenshot on Mac

Screenshot an entire web page – no app required

Important: Most websites use the lazy-loading feature, which loads the image only after you scroll to that point on the page. So, before following these steps, load the web page completely and scroll to its bottom to ensure all images are also visible. After that, take a full-page screenshot.

To accomplish this in Safari, you’ll need to display the Develop tab in the menu bar. If you already have it, you’re a step ahead. If you don’t, here’s how to show it:

  • Open Safari and click Safari > Settings or Preferences from the menu bar.
  • Go to the Advanced tab.
  • Check the box for Show Develop menu in menu bar .

Safari Preferences Advanced Develop Menu

Take your screenshot:

Now, head to the webpage you want to capture and follow these steps.

1) Click Develop > Show Web Inspector from the menu bar. The Inspector will open with the webpage on either the right or the bottom, depending on the default position. This displays the HTML code for the page.

2) Go to the top of the code in the Inspector and right-click the first line beginning with “html”.

3) Select Capture Screenshot from the shortcut menu. It can take several seconds before you see the screen in the next step, so be patient.

Safari Web Inspector Capture a Screenshot on Mac

4) Choose a location to save the image and optionally rename it.

5) Hit Save .

You can then open the saved image in Preview or your Mac photo editor to see it in full.

To close the Web Inspector in Safari after you capture the shot, just click the X on the top left corner of the panel.

Related : How to save or share a full Safari webpage as a multi-page PDF

Firefox users will be happy to know that this browser provides the easiest option for capturing a scrolling screenshot. Head to the page you want to capture and follow these steps:

1) Right-click on the page and choose  Take a Screenshot .

2) Click Save full page on the top right.

Firefox Save Full Page on Mac

3) Hit Download to save the image or Copy to place it on your clipboard to paste where needed.

Firefox Copy or Download Page on Mac

And that’s all there is to it! After you choose to Download or Copy the image, the webpage will go back to its original view.

Chrome also makes it pretty simple to snap a full-page screenshot. Visit the webpage you want to capture and do the following:

1) Click the Customize and Control button (three dots) on the top right.

2) Move down to More Tools and pick Developer Tools in the pop-out menu.

Chrome More Developer Tools on Mac

3) When the panel opens on the right of the webpage, click the Toggle Device Toolbar button at the top.

4) With your webpage on the left, you can choose to view it as a different device at the top or just leave as Responsive.

5) Click the three dots on the top right of the left-hand panel and select Capture full size screenshot in the menu.

Chrome Capture a Full Size Screenshot on Mac

The image will be downloaded for you to grab and open in whichever app you like. You can close the Developer Tools by clicking the X on the top right of that panel.

Use the Awesome Screenshot extension

You can use the excellent Awesome Screenshot extension to capture full-page screenshots inside any popular browser.

Start by getting the extension for Safari , Chrome , or Firefox . After that, click the extension icon and choose Capture Full Page > Done > Download .

Capture full page screenshot in Safari on Mac

Note: For Safari, you will have to first:

  • Allow screen recording permission: Once the app is downloaded, open it and click Go to Screen Recording Setting . It will take you to System Settings > Privacy & Security > Screen Recording. From here, enable the switch for Awesome Screenshot & Recorder and confirm. After that, click Quit & Reopen .
  • And enable the extension: Go to Safari Settings > Extensions and check the box for Awesome Screenshot before its icon appears in the top left of the address bar.

Check out next:

  • 3 ways to quickly find all screenshots on your Mac
  • How to take a full-page screenshot in Safari on iPhone
  • How to capture a screenshot of a whole text thread on iPhone

How to take a screenshot of an entire webpage in Safari on a Mac?

How to take a screenshot of an entire webpage in Safari on a Mac?

Capturing a screenshot of an entire webpage can be useful for various reasons, such as for archiving, sharing, or for personal reference. Safari, the default web browser on Mac, provides an easy method to capture an entire webpage as a screenshot.

In this guide, we will walk you through the steps to take a screenshot of an entire webpage in Safari on a Mac .

Table of Contents

Steps to take a screenshot of an entire webpage in Safari

Step 1: Launch Safari on your Mac and navigate to the web page you wish to capture. From the top menu bar, click on the File option, and then select the “Export as PDF” option from the drop-down menu.

How to take a screenshot of an entire webpage in Safari on a Mac?

Step 2: Once you have selected the “Export as PDF” option, a save dialog box will appear. Choose the desired location where you want to save the captured web page, and click on the “Save” button to complete the process.

How to take a screenshot of an entire webpage in Safari on a Mac?

Step 3: Now the captured web page will be saved as a PDF file in the selected location. If you prefer to save it as an image, you will need to open the saved PDF file first.

How to take a screenshot of an entire webpage in Safari on a Mac?

Step 4:  With the PDF file open, click on the File option at the top of the screen once more. From the drop-down menu, select the “Export” button.

How to take a screenshot of an entire webpage in Safari on a Mac?

Step 5:  In the Export dialog box, select the image format you desire, such as PNG, and then click on the “Save” button. This will save the selected page or pages as image files in the chosen format.

How to take a screenshot of an entire webpage in Safari on a Mac?

Step 6:  After following the above steps, you will now have both the original PDF file and the exported image file saved at the location you chose. You can use either the PDF screenshot or the photo screenshot, depending on your needs, for further use or reference.

How to take a screenshot of an entire webpage in Safari on a Mac?

By following the steps outlined in this guide, you will now be able to take a screenshot of an entire webpage in Safari. Whether you prefer to save the screenshot as a PDF file or as an image, you will have the option to do so. Now, you can use the captured screenshot for your personal or professional needs, or simply keep it as a reference for future use.

Also Read:- 7 ways to reduce system storage on Mac[2023]

What if I want to capture a screenshot of only a portion of the webpage?

If you want to capture a screenshot of only a portion of the webpage, you can use the built-in screenshot tool in Safari, which allows you to capture a selected portion of the screen. To use this tool, press Shift + Command + 4 on your keyboard

How do I access the saved screenshot files in Safari on a Mac?

The saved screenshot files in Safari on a Mac can be accessed by going to the location where you saved the files, either as a PDF or an image file. You can access the saved files through the Finder app on your Mac or by searching for the file name in Spotlight.

Can I edit the screenshot after it has been saved?

Yes, you can edit the screenshot after it has been saved. You can use an image editing tool, such as Preview or Photoshop, to make changes to the image file.

What file formats can I save the screenshot as using Safari on a Mac?

You can save the screenshot as a PDF file or as an image file in various formats such as PNG, JPG, TIFF, HEIC, JPEG, and OpenEXR.

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on WhatsApp (Opens in new window)

1 thought on “How to take a screenshot of an entire webpage in Safari on a Mac?”

  • Pingback: How to take a screenshot of an entire webpage in Chrome on a Mac? - NixLoop

Leave a Comment Cancel reply

Notify me of follow-up comments by email.

Notify me of new posts by email.

This site uses Akismet to reduce spam. Learn how your comment data is processed .

  • a. Send us an email
  • b. Anonymous form
  • Buyer's Guide
  • Upcoming Products
  • Tips / Contact Us
  • Podcast Instagram Facebook Twitter Mastodon YouTube Notifications RSS Newsletter

How to Screenshot An Entire Webpage on Mac

In iOS, Apple's Safari browser includes a built-in screenshot feature that lets you capture entire webpages on your iPhone or iPad for sharing elsewhere.

mozilla firefox banner fixed

Note that in step 4, you can drag or click on the page to select a region and then save just that region by clicking Download , or you can save just the visible area of the page by clicking Save visible in the top-right corner.

Tip: You can also customize the Firefox toolbar to add a Screenshot button. Click the Menu button (three lines) in the top-right corner of the browser window. A special tab will open, where you can drag and drop items in or out of the overflow menu and the toolbar. Simply drag the Screenshot item (the cutting scissors icon) to the toolbar, then click Done .

Get weekly top MacRumors stories in your inbox.

Popular Stories

iPhone 16 Camera Lozenge 2 Colors

iPhone 16 Plus Rumored to Come in These 7 Colors

apple tv 4k yellow bg feature

When to Expect a New Apple TV to Launch

apple silicon feature joeblue

Macs to Get AI-Focused M4 Chips Starting in Late 2024

iOS 18 WWDC 24 Feature 2

iOS 18 May Feature All-New 'Safari Browsing Assistant'

maxresdefault

Review: Six Months With the iPhone 15 Pro

iPhone 16 Pro Sizes Feature

Alleged iPhone 16 Battery Details Show Smaller Capacity for One Model

Next article.

iOS 18 Siri Integrated Feature

Our comprehensive guide highlighting every major new addition in iOS 17, plus how-tos that walk you through using the new features.

ios 17 4 sidebar square

App Store changes for the EU, new emoji, Podcasts transcripts, and more.

iphone 15 series

Get the most out your iPhone 15 with our complete guide to all the new features.

sonoma icon upcoming square

A deep dive into new features in macOS Sonoma, big and small.

ipad pro 2022 square upcoming

Revamped models with OLED displays, M3 chip, and redesigned Magic Keyboard accessory.

Apple iPad Air hero color lineup 220308

Updated 10.9-inch model and new 12.9-inch model, M2 chip expected.

wwdc 2024 upcoming square

Apple's annual Worldwide Developers Conference will kick off with a keynote on June 10.

ios 18 upcoming square

Expected to see new AI-focused features and more. Preview coming at WWDC in June with public release in September.

Other Stories

iOS 18 Siri Integrated Feature

15 hours ago by MacRumors Staff

No 13 Inch M3 MacBook Pro Feature 2

19 hours ago by Joe Rossignol

AirPods Max Gen 2 Feature Dark Red 2

19 hours ago by Tim Hardwick

Next Generation CarPlay Porsche 1

2 days ago by MacRumors Staff

iOS 18 WWDC 24 Feature 1

2 days ago by Tim Hardwick

How To Take A Screenshot On Safari

Copy to Clipboard

  • Software & Applications
  • Browsers & Extensions

how-to-take-a-screenshot-on-safari

Introduction

Taking a screenshot is a handy skill that allows you to capture and save a snapshot of what's displayed on your screen. Whether you want to preserve a memorable moment, share information with others, or keep a record of important details, knowing how to take a screenshot on Safari can be incredibly useful. Safari, the default web browser for Apple devices, offers several methods for capturing screenshots, each with its own unique advantages. In this article, we'll explore three simple and effective ways to take a screenshot on Safari, empowering you to effortlessly capture and save images of web pages, online articles, or any other content you encounter while browsing the internet.

By mastering these screenshot techniques, you'll be equipped to capture and share visual information with ease. Whether you're a student needing to save excerpts from online research, a professional seeking to document web content for presentations, or simply someone who wants to preserve memorable online moments, the ability to take screenshots on Safari will prove to be a valuable skill. So, let's dive into the methods and learn how to capture and save screenshots using Safari on your Apple device.

Method 1: Using Keyboard Shortcuts

Capturing a screenshot on Safari using keyboard shortcuts is a quick and convenient method that allows you to capture the entire screen, a specific window, or a selected portion with ease. These keyboard shortcuts are intuitive and can be executed seamlessly, making them a popular choice for many users.

Full Screen Screenshot

To capture the entire screen, simply press the Command + Shift + 3 keys simultaneously. Upon doing so, Safari will instantly capture a screenshot of the entire screen, including the browser window and any open tabs or applications in the background. The captured image will be automatically saved to your desktop, ready for you to access and utilize as needed.

Screenshot of a Specific Window

If you wish to capture a screenshot of a specific Safari window, such as a single browser tab, you can do so by pressing Command + Shift + 4 followed by the Spacebar . This combination will transform your cursor into a camera icon, allowing you to click on the desired Safari window to capture a screenshot of it exclusively. Once captured, the image will be saved to your desktop, providing you with a focused snapshot of the selected Safari window.

Custom Selection Screenshot

For scenarios where you only need to capture a specific portion of the Safari window, the keyboard shortcut Command + Shift + 4 enables you to create a custom selection screenshot. Upon pressing this combination, your cursor will transform into a crosshair, empowering you to select the exact area of the Safari window that you want to capture. Once the selection is made, releasing the mouse or trackpad will trigger the screenshot to be saved to your desktop, offering you a tailored image of the chosen portion.

By leveraging these keyboard shortcuts, you can efficiently capture screenshots while browsing on Safari, empowering you to preserve and share valuable visual information effortlessly. Whether you need to capture the entire screen, a specific window, or a custom selection, the keyboard shortcuts in Safari provide a seamless and efficient way to capture and save screenshots, enhancing your browsing experience and productivity.

Method 2: Using the Screenshot Toolbar

Another convenient method for capturing screenshots on Safari is by utilizing the built-in Screenshot Toolbar. This feature, introduced in macOS Mojave and later versions, offers a user-friendly interface that simplifies the process of taking screenshots while browsing. The Screenshot Toolbar provides various options for capturing specific portions of the screen, adding annotations, and even recording video clips, making it a versatile tool for visual documentation.

To access the Screenshot Toolbar while using Safari, simply follow these steps:

Open Safari : Launch the Safari browser and navigate to the web page or content you wish to capture.

Activate the Screenshot Toolbar : Once on the desired page, press the Shift + Command + 5 keys simultaneously. This keyboard shortcut triggers the Screenshot Toolbar to appear at the bottom of the screen, presenting a range of screenshot and recording options.

Select Screenshot Type : Within the Screenshot Toolbar, you can choose from various screenshot options, including capturing the entire screen, a specific window, or a custom selection. By selecting the appropriate screenshot mode, you can tailor the capture to suit your specific needs.

Customize Screenshot Settings : The Screenshot Toolbar also allows you to customize additional settings, such as setting a timer for delayed captures, choosing the save location for screenshots, and enabling options for showing the mouse pointer in the screenshot.

Capture and Save : Once the desired settings are configured, simply click on the "Capture" button within the Screenshot Toolbar to initiate the screenshot. The captured image will be saved to the designated location, ready for you to access and utilize as needed.

The Screenshot Toolbar not only streamlines the process of capturing screenshots on Safari but also offers additional features for annotating and editing the captured images. After taking a screenshot, the Screenshot Toolbar provides options for adding text, shapes, and other annotations to the image, empowering you to highlight specific details or provide context to the captured content.

Furthermore, the Screenshot Toolbar enables users to record video clips of their screen, making it a comprehensive tool for visual documentation and communication. Whether you need to capture a static image of a web page or record a dynamic demonstration within Safari, the Screenshot Toolbar equips you with the necessary features to accomplish these tasks seamlessly.

By leveraging the Screenshot Toolbar in Safari, users can enhance their screenshot capabilities, benefiting from a user-friendly interface and versatile options for capturing, annotating, and recording visual content while browsing the web. This method provides a modern and intuitive approach to taking screenshots on Safari, catering to a diverse range of visual documentation needs.

Method 3: Using the Preview App

In addition to the keyboard shortcuts and the Screenshot Toolbar, Safari users can also utilize the Preview app, a versatile and feature-rich tool that offers advanced capabilities for capturing and editing screenshots. The Preview app, which comes pre-installed on macOS devices, serves as a powerful image viewing and editing application, and it includes seamless integration with Safari for capturing and annotating screenshots.

To utilize the Preview app for capturing screenshots while browsing on Safari, follow these simple steps:

Access the Preview App : Once on the desired page, navigate to the Applications folder or use Spotlight Search to locate and open the Preview app.

Capture the Screenshot : Within the Preview app, click on the "File" menu and select "Take Screenshot." This action will present options for capturing the entire screen, a specific window, or a custom selection.

Customize Screenshot Settings : After selecting the desired screenshot mode, the Preview app allows users to customize additional settings, such as setting a timer for delayed captures, choosing the save location for screenshots, and enabling options for showing the mouse pointer in the screenshot.

Annotate and Edit : Once the screenshot is captured, the Preview app provides a comprehensive set of tools for annotating and editing the image. Users can add text, shapes, arrows, and other annotations to highlight specific details or provide context to the captured content. Additionally, the app offers features for cropping, resizing, and adjusting the image, empowering users to refine the screenshot according to their preferences.

Save and Share : After annotating and editing the screenshot, users can save the image in their preferred format and share it with others as needed. The Preview app supports various image file formats, ensuring compatibility and flexibility in sharing the captured screenshots.

By leveraging the Preview app, Safari users can elevate their screenshot capabilities, benefiting from advanced annotation and editing features that enhance the visual documentation process. Whether you need to capture, annotate, or edit screenshots of web pages, online articles, or any other content within Safari, the Preview app provides a comprehensive solution for these tasks, empowering users to capture and customize visual content with precision and efficiency.

Incorporating the Preview app into your screenshot workflow expands your capabilities, allowing you to capture and refine screenshots seamlessly while browsing on Safari. This method offers a robust and versatile approach to capturing and editing screenshots, catering to a diverse range of visual documentation and communication needs.

In conclusion, mastering the art of taking screenshots on Safari opens up a world of possibilities for capturing and preserving visual content while browsing the web. By exploring the three methods outlined in this article, users can equip themselves with versatile and efficient techniques for capturing screenshots on Safari, each offering unique advantages and capabilities.

The keyboard shortcuts method provides a quick and intuitive way to capture screenshots, allowing users to effortlessly capture the entire screen, specific windows, or custom selections with ease. This method is ideal for those seeking a streamlined approach to capturing screenshots without the need for additional interfaces or tools.

The Screenshot Toolbar, introduced in macOS Mojave and later versions, offers a modern and user-friendly interface for capturing and annotating screenshots. With its versatile options for capturing specific portions of the screen, adding annotations, and even recording video clips, the Screenshot Toolbar caters to a diverse range of visual documentation needs, enhancing the screenshot experience on Safari.

Furthermore, the integration of the Preview app with Safari provides advanced capabilities for capturing, annotating, and editing screenshots. By leveraging the comprehensive set of annotation and editing tools offered by the Preview app, users can refine and customize their screenshots with precision, adding context and visual enhancements to the captured content.

By incorporating these methods into their workflow, Safari users can elevate their screenshot capabilities, benefiting from a range of options for capturing, annotating, and refining visual content with precision and efficiency. Whether it's capturing web pages, online articles, or dynamic content within Safari, the ability to take screenshots empowers users to preserve and share valuable visual information seamlessly.

In essence, the knowledge and proficiency in taking screenshots on Safari not only enhance individual productivity and documentation needs but also contribute to effective communication and collaboration. Whether you're a student, professional, or casual user, the ability to capture and share visual content with ease enriches the browsing experience and facilitates seamless information sharing.

By embracing these screenshot techniques, users can harness the power of visual documentation, preserving valuable moments, information, and insights encountered while browsing on Safari. With these methods at their disposal, users can confidently navigate the digital landscape, equipped with the tools to capture, annotate, and share visual content effortlessly.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Save my name, email, and website in this browser for the next time I comment.

  • Crowdfunding
  • Cryptocurrency
  • Digital Banking
  • Digital Payments
  • Investments
  • Console Gaming
  • Mobile Gaming
  • VR/AR Gaming
  • Gadget Usage
  • Gaming Tips
  • Online Safety
  • Software Tutorials
  • Tech Setup & Troubleshooting
  • Buyer’s Guides
  • Comparative Analysis
  • Gadget Reviews
  • Service Reviews
  • Software Reviews
  • Mobile Devices
  • PCs & Laptops
  • Smart Home Gadgets
  • Content Creation Tools
  • Digital Photography
  • Video & Music Streaming
  • Online Security
  • Online Services
  • Web Hosting
  • WiFi & Ethernet
  • Browsers & Extensions
  • Communication Platforms
  • Operating Systems
  • Productivity Tools
  • AI & Machine Learning
  • Cybersecurity
  • Emerging Tech
  • IoT & Smart Devices
  • Virtual & Augmented Reality
  • Latest News
  • AI Developments
  • Fintech Updates
  • Gaming News
  • New Product Launches

Close Icon

  • AI Writing How Its Changing the Way We Create Content
  • How to Find the Best Midjourney Alternative in 2024 A Guide to AI Anime Generators

Related Post

Ai writing: how it’s changing the way we create content, unleashing young geniuses: how lingokids makes learning a blast, 10 best ai math solvers for instant homework solutions, 10 best ai homework helper tools to get instant homework help, 10 best ai humanizers to humanize ai text with ease, sla network: benefits, advantages, satisfaction of both parties to the contract, related posts.

How To Download Apps From Safari

How To Download Apps From Safari

10 Best Browsers for Privacy That Aren’t Google Chrome

10 Best Browsers for Privacy That Aren’t Google Chrome

How To View Page Source On Tablet

How To View Page Source On Tablet

How To Download The Latest Version Of Safari

How To Download The Latest Version Of Safari

What Is Cross-Browser Testing

What Is Cross-Browser Testing

How To Get Adblock For Safari

How To Get Adblock For Safari

MovieBox Pro: How to Install It on Your Phone

MovieBox Pro: How to Install It on Your Phone

How To Download Vshare On IPad

How To Download Vshare On IPad

Recent stories.

AI Writing: How It’s Changing the Way We Create Content

How to Find the Best Midjourney Alternative in 2024: A Guide to AI Anime Generators

How to Know When it’s the Right Time to Buy Bitcoin

How to Know When it’s the Right Time to Buy Bitcoin

Unleashing Young Geniuses: How Lingokids Makes Learning a Blast!

How to Sell Counter-Strike 2 Skins Instantly? A Comprehensive Guide

10 Proven Ways For Online Gamers To Avoid Cyber Attacks And Scams

10 Proven Ways For Online Gamers To Avoid Cyber Attacks And Scams

10 Best AI Math Solvers for Instant Homework Solutions

  • Privacy Overview
  • Strictly Necessary Cookies

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

Home Blog How-To How to take a screenshot in Chrome, Firefox, Safari, and Edge

How to take a screenshot in Chrome, Firefox, Safari, and Edge

by WEBDOGS August 8, 2019

When collaborating with the WEBDOGS team, helping us “see what you see” is a critical component of sharing feedback. We’ve compiled a list of the most straightforward methods of taking screenshots based on browser and operating systems, further separated by application window or full page.

An “Application Window” screenshot is what the browser actually shows when a page is loaded. In other words, it is the view of a website you’d typically interact with.

A “Full Page” screenshot is a view of the entire page, including parts that are outside of the viewport. This is an especially helpful view to have when communicating desired changes to a page or when needing to get a broader context of the page layout. WEBDOGS typically wouldn’t need this view in the execution of support, but likely would when adding in new features or when receiving feedback on implemented features.

Table of Contents

Full page screenshots, browser window only.

  • Ensure that your browser is that “active window” by clicking anywhere in the browser window.
  • Press Alt + Print Screen (may also say Prnt Scrn , or another variation). This takes a screenshot of the browser and copies it to the clipboard.
  • Paste the image into a ticket or email by pressing Ctrl + V .

Entire screen

  • Press Print Screen (may also say Prnt Scrn , or another variation). This takes a screenshot of the entire screen (i.e. everything displayed on the monitor) and copies it to the clipboard.
  • Press Shift + ⌘ + 4 and a crosshair appears as the pointer.
  • Press the spacebar and the crosshair will turn into a camera.
  • Move the pointer to the target window. As you hover over the window, it will turn blue.
  • Click the window with trackpad / mouse and the screenshot is automatically saved to the desktop.
  • Drag and drop the image into your email or Zendesk.
  • Press Shift + ⌘ + 3
  • A screenshot of the entire screen (i.e. everything displayed on the monitor) is saved to the desktop.

iPhone X and 2018+ iPad Pro

  • Press the power button and volume up button at the same time.
  • The image is saved to the camera roll.
  • Press the home button and power button at the same time.

Most Android devices

  • Simultaneously hold the power button and volume down button. Some devices require the buttons be held for “a few” seconds.
  • The screenshot will be saved to Pictures/Screenshots/ (or DCIM/Screenshots/).

If you’re not able to figure out how to take a screenshot with your Android device, please contact WEBDOGS support for additional help.

  • Install and activate the Full Page Screen Capture browser extension.
  • A small camera icon will appear in the top right corner of the browser.
  • Click the camera icon.
  • Click the “download image” icon and the image will be saved to the Downloads folder.
  • Two finger click (or right click on a mouse) on the target page.
  • Select “Take a screenshot”
  • In the upper right of the browser, select “Save full page”
  • If you select Download, the image goes to your Downloads folder.
  • If you select Copy, the image will be copied to the clipboard.
  • Install and activate Awesome Screenshot
  • Navigate to the target page in Safari
  • Click the Awesome Screenshot icon (looks like a tiny camera lens) to the left of the Safari address bar
  • Click “Capture entire page.” An image opens in a new tab.
  • Click the “Done” button
  • Follow the directions to save the file.
  • Click the “Add notes” icon in the upper right of the browser window. A purple bar appears.
  • Click the save icon (looks like a floppy disk).
  • Select “Reading List” and give the image a clear name.
  • Click the Save button and the box will disappear.
  • Click the white “X”  to the far right in the purple bar and the purple bar goes away.
  • Click the Favorites icon (star with 3 lines to the right).
  • Click the “Reading List” icon to the left of the favorites bar. It should be the second icon down. If you’re not sure, hover your mouse cursor over the button and it will display the button name on the screen.
  • Click the note you just made from the Readng List. The purple bar comes back.
  • Right click anywhere on the page and select “Save picture as”
  • Give the screenshot an easily understood name, take note of the save folder name, and then click the “Save” button.
  • Now you will have an image you can share.

Accessibility Privacy Policy Copyright © 2012 - 2024 WEBDOGS LLC. All rights reserved.

How-To Geek

4 ways to take a scrolling screenshot on a mac.

Grab a screenshot of a full web page or document even when it doesn't fit on your screen.

Quick Links

Take full-page screenshots in safari with the develop menu, take a scrolling screenshot with the fireshot safari extension, take screenshots in an online tool, take scrolling screenshots in any app with shottr.

macOS has a built-in tool for taking screenshots, but it can only capture what's actually visible on the screen at any time. What if you need to take a screenshot of an entire web page or lengthy document? Here are the best ways to take scrolling screenshots on a Mac.

Safari has a hidden screen capture tool that you might not know about. It's a bit technical, but is accessible to everyone, and if you only need it for occasional use, this is the simplest option to try.

To access the feature, you first need to enable the Developer Settings in Safari. Go to Safari > Settings > Advanced and click "Show Features for Web Developers".

Exit the settings, and you should see that a "Develop" option has appeared in the Safari menu bar. Now load up the web page you want to screenshot and go to Develop > Show Web Inspector. A panel will open at the bottom of the screen. It looks pretty complicated if you aren't used to it, but don't be put off—you don't need to know what any of it means.

To take your screenshot, make sure the Elements tab is selected at the top of the panel. In the code in the left-hand pane, scroll to the top and right-click on the line that begins "html"—it'll normally be the second line. From the dialog box that opens, click "Capture Screenshot."

You'll now be prompted to choose where to save your image. Click "Save" and you're done.

If you take screenshots of websites regularly, then you'll be better off using an app to handle it. For Safari, you can install an extension to capture scrolling screenshots. The one we like is FireShot, which is free and is also available as an extension for Chrome and other third-party browsers.

Head to FireShot on the Mac App Store and download it by clicking "Get" followed by "Install."

Now open Safari and go to Safari > Settings > Extensions and locate FireShot in the Installed pane. Check the box alongside the name to activate the extension. In the right-hand pane, you can click "Always Allow on Every Website" if you plan to use it a lot. For security reasons, it's better not to do this. You can simply grant permission for the extension to work as and when you need it instead.

Now load up the page you want to screenshot in Safari. You'll see that a FireShot icon has been added to the toolbar alongside the address bar. It'll be grayed out at first, so click the icon and select "Allow for One Day" to give it permission to run.

Click the icon again, followed by "Capture Entire Page." The screenshot will open in a new tab, and you can choose to save it as an image (in the PNG format) or PDF, email it, copy it to your clipboard, or print it.

The other good option for taking full-page screenshots of websites is by using an online tool. This is less convenient in some cases, but it comes with the benefit of being able to share your screenshots between your Mac and another device more easily.

There are many web services that can capture full-screen screenshots of websites. FullPageScreenCapture.com is as good as any. It's free to use and fast, and it assigns a unique URL to every screenshot it saves, so you can access it through any browser on any device.

Simply head to fullpagescreencapture.com and type or paste the URL of the web page you want to save into the box, then click "Capture Now."

It takes a few seconds to process. Once it's done, you'll see the image displayed on the site. Click it to open the image in a new browser tab, then right-click on the image and select either "Save to Desktop" or "Save As."

You can also click in the address bar in Safari and hit Command+C to copy the unique URL for the image and share it with other devices.

Finally, if you need to take a full-page or scrolling screenshot from within any app, not just of a website, you can do this with the third-party app Shottr. You can use it to capture screenshots of PDF files, spreadsheets, documents, large photos, or anything else.

You can use the app for free for as long as you like. After 30 days, it will occasionally ask you if you want to pay for it. You're not obligated to do so, but it only costs $8 and is great value if you use it a lot.

The app isn't available through the Mac App Store. Instead, download it from the official Shottr website and install it to get started .

Launch Shottr, and its icon will appear in your menu bar at the top of the screen where it's always easily accessible. Open the app and content you want to screenshot, then click the Shottr icon and select "Scrolling Capture."

Your mouse pointer will turn into a crosshair. Click in the top-left corner of the area you want to screenshot, then drag to the bottom-right. When you let go of the mouse button, the screen will begin to scroll up. Everything within the width of the rectangle you drew will be captured, right down to the bottom of the page.

Your screenshot will open in a preview window. You can annotate or crop it, or click the Save icon to save it. If you close the preview accidentally, click the Shottr icon and select "Reopen Shottr."

It's easy to take scrolling screenshots on a Mac. Whether you just need a quick tool or a more professional solution, choose the method that's best for you, and you can grab full-page screenshots in any app.

softwarehow logo

We do not use any AI writing tools. All our content is written by humans, not robots. See our editorial process .

How to Screenshot an Entire Webpage

Avatar photo

If you are looking for how to capture a full web page screenshot on Mac or PC, this post for you. I’ve tried a handful of tools and techniques that claim to be able to screenshot an entire webpage, but only a few still work as of this writing.

You want to get this done quickly, so I’ll show you how to do it step by step. I’ll also point out the pros and cons of each method, just wanted to save your time figuring out which method is the best for you.

This guide is for those who want to take a whole screenshot of the entire or long web page — meaning there are sections that aren’t totally visible on your screen.

If you simply want to capture a static window or a full desktop screen, this guide is not for you. You can use the built-in tools on your computer or phone to get that done quickly: Shift + Command + 4 (macOS) or Ctrl + PrtScn (Windows).

  • Don’t want to download any software or extension? Try Method 1 or Method 7 .
  • If you are using the Mozilla Firefox browser, try Method 2 .
  • If you want to capture the screenshots as well as make simple edits, try Method 3, 5, 6 .
Quick Update : For Mac users, it is even possible to capture a full-sized screenshot without a browser extension. 1. Open DevTools in Chrome (command + option + I) 2. Open the Command Menu (command + shift + P) and type in “screenshot” 3. Select one of the two options “Capture full size screenshot” of “Capture screenshot”. 4. The captured image will be downloaded to your computer. — Tip contributed by our reader, Hans Kuijpers.

Table of Contents

1. Print and Save an Entire Webpage as a PDF

2. firefox screenshots (for firefox users), 3. parallels toolbox for mac (safari), 4. awesome screenshot plugin (for chrome, firefox, safari), 5. capture a scrolling window or entire page with snagit, 6. capto app (for mac only), 7. capture a full-size screenshot on chrome without a browser extension, 8. web-capture.net, 9. full page screen capture (chrome extension), 10. paparazzi (mac only).

Suppose you want to extract, say, an Income Statement sheet from Yahoo Finance. First, open the page on a web browser. Here, I use Chrome on my Mac as an example.

Step 1: On the Chrome menu, click File > Print.

safari desktop screenshot full page

Step 2: Click the “Save” button to export the page into a PDF file.

safari desktop screenshot full page

Step 3: If you want to embed the financial sheet into a PowerPoint project, you may need to convert the PDF into an image in PNG or JPEG format first, then crop the image only to include the data part.

  • It’s quick.
  • No need to download any third-party software.
  • The screenshot quality is good.
  • Extra time may be needed to convert the PDF file into an image.
  • It’s difficult to directly customize the screenshots.

Firefox Screenshots is a new feature developed by the Mozilla team to help you take, download, collect and share screenshots. You can use this feature to quickly save a screenshot of an entire web page.

Step 1: Click on the Page actions menu in the address bar.

safari desktop screenshot full page

Step 2: Select the “Save Full Page” option.

safari desktop screenshot full page

Step 3: Now you can choose to download the image directly to your computer desktop.

safari desktop screenshot full page

Side note : I saw that this feature is still in BETA, so it’s not guaranteed that Firefox will keep it. But by the time this post was last updated, this feature is still accessible. Also, the most popular web browser like Apple Safari or Google Chrome doesn’t offer this feature yet.

If you want to take a scrolling screenshot on Mac, you’ll love this feature called “Screenshot Page” in Parallels Toolbox which includes a handful of small utilities.

Note: Parallels Toolbox is not freeware, but it offers a 7-day trial without any functional limitations.

Step 1: download Parallels Toolbox and install the app on your Mac. Open it and find Take Screenshots > Screenshot Page .

safari desktop screenshot full page

Step 2: Click on Screenshot Page and it will take you to another window asking to add an extension to Safari. Once you enable it, you’ll see this icon show up on your Safari browser.

safari desktop screenshot full page

Step 3: Select the page you want to screenshot and click on the Parallels Screenshot icon, it will then automatically scroll your page and take a screenshot and save as a PDF file on your desktop.

safari desktop screenshot full page

  • The quality of the output PDF file is very good.
  • You don’t have to scroll manually as the app will do it for you.
  • Besides screenshotting a webpage, you can also capture an area or window.
  • It takes a bit of time to install the app.
  • It’s not freeware, though a 7-day no limitation trial is provided.

Awesome Screenshot has a plugin that can capture all or part of any web page. Also, it allows you to edit the screenshots: You can comment, add annotations, blur sensitive information, etc. The plugin is compatible with major web browsers including Chrome, Firefox, and Safari.

Here are the links to add the plugin:

  • Firefox (Note: since the Firefox Screenshots is now available, I don’t recommend this plugin any longer. See method 2 for more.)

I’ve tested the plugin on Chrome, Firefox, and Safari, and they all work well. To make things easier, I’ll use Google Chrome as an example. The steps for using Awesome Screenshot for Firefox and Safari are quite similar.

Step 1: Open the above Chrome link and click “ADD TO CHROME.”

safari desktop screenshot full page

Step 2: Hit “Add extension.”

safari desktop screenshot full page

Step 3: Once the extension icon shows up on the Chrome bar, click on it and select the “Capture entire page” option.

safari desktop screenshot full page

Step 4: Within a few seconds, that web page scrolls down automatically. A new page will open up (see below), showing you the screenshot with an editing panel that allows you to crop, annotate, add visuals, etc. Click “Done” when you’re finished.

safari desktop screenshot full page

Step 5: Hit the “download” icon to save the screenshot image. That’s it!

  • Extremely easy to use.
  • Image editing features are great.
  • It’s compatible with major web browsers.
  • The extension may encounter some operational issues, according to its developer. I haven’t experienced any such issues yet.

I really like Snagit ( review ). It’s a powerful screen capture and editing app that allows you to do almost anything related to screenshotting. To take a full screenshot of a web page, follow the steps below (I’ll use Snagit for Windows as an example):

Please note: Snagit is not freeware, but it has a 15-day free trial.

Step 1: Get Snagit and install it on your PC or Mac. Open the main capture window. Under Image > Selection , make sure you choose “Scrolling Window.” Hit the red Capture button to continue.

safari desktop screenshot full page

Step 2: Locate the web page you want to screenshot, then move the cursor to that area. Now Snagit will be activated, and you’ll see three yellow arrow buttons moving. The bottom arrow represents “Capture Vertical Scrolling Area,” the right arrow represents “Capture Horizontal Scrolling Area,” and the bottom-right corner arrow represents “Capture Entire Scrolling Area.” I clicked on the “Capture Vertical Scrolling Area” option.

safari desktop screenshot full page

Step 3: Now Snagit scrolls the page automatically and captures the off-screen parts. Soon, a Snagit Editor panel window will pop up with the screenshot it just took. See the available editing features listed there? That’s why Snagit stands out from the crowd: You can make as many changes as you’d like, with tons of options.

safari desktop screenshot full page

  • It’s able to capture a scrolling webpage as well as a window.
  • Powerful image editing features.
  • Very intuitive and easy to use.
  • It takes time to download and install the app (~90MB in size).
  • It’s not free, though it comes with a 15-day trial.

Capto is a productivity app for many Mac users, myself included. The core value of the app is to record screen videos on your Mac, but it also allows you to capture screenshots and save the images to its library. You then can easily edit, organize and share them.

Note: Similar to Snagit, Capto is also not freeware but it does offer a trial that you can take advantage of.

Here’s how to take an entire screenshot using Capto:

Step 1: Open the app and on the top of the menu, click on the “Web” icon. There you can choose to snap the URL of a webpage in different ways. For example, if you’re already on the page, simply click “Snap Active Browser URL”

safari desktop screenshot full page

Step 2: You can also edit the screenshot e.g. highlight an area, add an arrow or text, etc. using the tools on the left panel.

safari desktop screenshot full page

Step 3: Now Capto will extract the page elements and save an image to its library. You then select File > Export to save it locally.

safari desktop screenshot full page

Note: if you select to let Capto snap a web page from the active browser, this may take some time in case of a longer webpage.

Other Methods

During my exploration, I also found a few other working methods. I don’t want to feature them above because they aren’t as good considering the time and effort you need to invest and the quality of output. Nonetheless, they do work, so feel free to give some of them a try.

safari desktop screenshot full page

This tip was kindly shared by one of our readers, Hans Kuijpers.

  • Open DevTools in Chrome (OPTION + CMD + I)
  • Open the Command Menu (CMD + SHIFT + P) and type in “screenshot”
  • Select one of the two options “Capture full size screenshot” of “Capture screenshot”.
  • The captured image will be downloaded to your computer.

It’s an online full-length website screenshot service. You first open the website , copy the URL of a web page you want to screenshot, and paste it here (see below). You can also choose which file format to export. Press “Enter” on your keyboard to continue.

safari desktop screenshot full page

Be patient. It took me about two minutes before I saw the message, “Your link has been processed! You can download file or ZIP archive.” Now you can download the screenshot.

safari desktop screenshot full page

  • No need to install any software.
  • Tons of ads on its website.
  • The screenshotting process is slow.
  • No image editing features.

Similar to Awesome Screenshot, Full Page Screen Capture is a Chrome plugin that is incredibly easy to use. Just install it ( here’s the link to its extension page) on your Chrome browser, locate the web page you want to capture and hit the extension icon. A screenshot is made almost instantly. However, I found it less appealing because it does not have the image editing features that Awesome Screenshot has.

safari desktop screenshot full page

Update: this app hasn’t been updated for quite a long time, there may be compatibility issues with the latest macOS. I thus don’t recommend it anymore.

Paparazzi! is a Mac utility designed and developed by Nate Weaver specifically for making screenshots of web pages. It’s quite intuitive. Just copy and paste the webpage link, define the image size or delay time, and the app will return the result for you. Once that’s done, click the download icon located on the bottom-right corner to export the screenshot.

safari desktop screenshot full page

The main concern I have is that the app was last updated quite a few years ago, so I’m not sure if it will be compatible with future macOS versions.

These are the different ways to take screenshots for a full or scrolling webpage. Like I said in the quick summary section, different methods have their own advantages and disadvantages, so be sure to choose the one that best fits your needs. I’ll leave it to you to choose which one(s) to use.

As always, if you’ve got any questions or suggestions, feel free to leave a comment below.

31 Comments

Jeff

Great article, I tried #7 and it worked like a charm! Thanks for your help.

Maskumambang

my recommendation

GoFullPage : chrome extension

https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl/related?hl=en

Elena Peter

Hey JP, it’s a great and insightful post for me. The way you have structured all the information with pros and cons about each way to take screenshots of a webpage is commendable. I liked Snagit- allowing me to capture a screenshot while scrolling windows and take a screenshot without using chrome extension on chrome. I appreciate your effort.

Mister Pug

@Hans – that’s the most brilliant tip. I had no idea! Thank you!

Jesper Søkbæk Sørensen

Thanks! – What i have been looking for. Do you know a software to put a link in, so it will fit in the correct pixel?

Kate

Brilliant Firefox, quick as a snap of my fingers! Thank you very much for sharing!

Susan Sinclair

Dear JP, I can’t get Awesome Screenshot with Safari. After the Sept 2019 update to Safari it no longer works. This drives me crazy. It was a great tool. And why can’t Safari & Mac make it work? I also can’t get “command+shift+4” to create a crosshair for taking a shot. Any suggestions? I would be so grateful. I currently have to bring up Preview to take a screenshot.

Kerrie Redgate

Many, many thanks, JP! Firefox worked brilliantly! Super easy! Exactly what I needed (as I didn’t want to install Chrome). Thank you so much for posting all this thorough information. Cheers from Australia!

Shari

I was using Awesome screen shot for years with Safari but now with the latest Update to Safari (Sept 2019) it no longer works (Mac gave me a notice that this plugin wouldn’t work any more.) I hope they update it. It was a great tool to quickly get a full page screen shot.

Phil

Very helpful, however I find the quality of the image (using Methods 3 and 7) was not very good, compared to what we get if we use the snipping tool for part of a website. Should we just expect that free tools aren’t going to have very good resolution?

I also found that both methods didn’t capture the full page of one website, but it was a training one, and I had to pay to access it … could it be that they set up the web page to limit how much of the screen you could capture (it got about 2/3 of it).

Thanks again,

Mering Von

That’s amazing! So many methods! Thanks very much! But there’s a problem after installing the plugin on safari according to the link. They didn’t work except the first option “Capture Visible Part of Page”. Besides, I can’t remove it just as the awesome screenshot on Chrome. There is no “remove” option.

Willem

Great article, thanks. Got the first one for both Safari and Chrome and I use it all the time now in Chrome. Works real well like an app so it feels natural too. Thanks again!

LenSki

Nice researching and great sharing. Very very helpful!! Thank you very much!!

Ted

no 3-dot icon/button (Page Actions menu), or screenshot option, anywhere I could find in my Firefox 65.0.1

None of that in my 3 horizontal line “Open menu” option, either.

Can anyone guide me to this?

Dom

GrabzIt provides a free online screenshot tool that allows you to convert any webpage to a full length screenshot on demand or to a schedule.

https://grabz.it/screenshot-tool/

Perry

I want to capture excels and want scrolling both ways , down and right…can anybody please suggest which will e the best tool for this.

Thanks Inn advance!

MacKenzie

Hey JP – YES! Time for a refresh on what still works. Tons of articles out there, some that were posted as far back as 2007.

A few notes:

Papparazzi – Worked for me sometimes. For longer pages it sometimes stalled out.

Fireshot – I nabbed this Chrome extension when Paparazzi wasn’t working smoothly. Works well and is easy to save to either PDF or JPG. But had trouble from time to time when the web page was a sprawling long one with lots of images.

Web-Capture – This is what I fall back on when all else fails. Even tho it can take a bit of time for longer pages, it usually gets them right.

JP Zhang

Thanks for the notes!

Ravi

Hi I’m trying to take scrolling screen shot of “pop-up” on my web browsers (Chrome & safari). None of the popular extensions are helping me to do that. Any suggestions?

PS: Workaround I’m using right now is to copy the visible section of the pop-up and scroll, repeat the process till the entire pop-up is covered.

Regards, Ravi

Thomas

Great article. Very helpful! Thanks!

JP

You are welcome. Glad that you find it helpful 🙂

Hans Kuijpers

It is even possible to capture a full sized screenshot without a browser extension. – Open DevTools in Chrome (OPTION + CMD + I) – Open the Command Menu (CMD + SHIFT + P) and type in “screenshot” – Select one of the two options “Capture full size screenshot” of “Capture screenshot”. – That’s it… the captured image will be downloaded to your computer

Thanks for sharing that, Hans. 🙂

Miles

On my extremely long webpage it failed to capture the whole page. So probably there is a upper limit to how long a webpage you can capture with this tool.

Alessandro

By far the best solution for Chrome.

Tanya Hyde

Thanks, that’s so useful – Awesome screenshot always captures sticky menus and repeats them down the screencap which is so annoying – this fixes that!

Yogesh

It’s not working for scrolling webpage

Pablo Montero

Awesome Hans!

Nice trick! Love it!! But I cannot get the “whole” page. For example, I tried on this page and only got to “4. Capture a Scrolling Window or Entire page with Snagit” section…

maybe it only happens to my computer?

Anonymous

This helped me so much, thank you!

Mick

Yeah, just get Snagit. It was by far the easiest way to get a scrolling screenshot!

Submit a Comment Cancel reply

Your email address will not be published. Required fields are marked *

How to Screenshot the Whole Page on a Mac

Here are the best ways to take a full screenshot on a Mac:

  • Movavi Screen Recorder – a desktop app
  • Movavi ScreenShot – a browser extension
  • Screenshot Guru – an online tool
  • Developer tools – a browser feature
  • 10+ Ways to Screenshot Whole Page on Mac [2024]

safari desktop screenshot full page

It is fair to say that taking a screenshot on a Mac isn’t always the most intuitive, and taking a full-page screenshot can feel clunky. In this guide, you’ll learn how to screenshot the whole page on your Mac.

Movavi ScreenShot

High-resolution screenshots

Has no editing tools

Screenshot Guru

Capturing web pages

No way to screenshot images from your desktop

Developer tools

Precise dimensions

Challenging for less-technical users

Capturing video and still images

  • You have to pay to use the program

Mojave shortcuts

Inbuilt tool that doesn’t require installation

Can’t edit screenshots

Print and save

Creating a PDF screenshot

PDF is the only output format available

Web page size reduction

Fitting lots of information

Not convenient and time-consuming

Mozilla Firefox screenshotting tool

High-resolution browser captures

Only for Firefox users

Parallels Toolbox

Multiple tools for Mac

  • You may not need all of the tools you are paying for

Capturing embedded frames

  • Only works as a Chrome plugin

How to take a full screenshot on a Mac

Best for: High-resolution screenshots

Browser: Google Chrome, Mozilla Firefox

Chrome Web Store rating : 4.2 out of 5, 10,000+ users

We’ll start our review with Movavi ScreenShot. It is an easy-to-use extension for browsers that takes screencaps at different sizes: the entire page, specific areas, or standard captures of your screen.

For the top-to-bottom screenshot, the extension will scroll the page automatically, even if it's a mile long. You don’t need to lift a finger!

Here are the pros and cons of using the extension.

Advantages of Movavi ScreenShot:

Works perfectly with Google Chrome and Mozilla Firefox

Supports high-resolution images

Requires no permissions for installation

Works in incognito mode

Doesn’t require registration

No charge for downloading images

Disadvantages of the extension:

Has no editing tools like cutting, trimming, annotations, graphics, etc.

Doesn’t generate a shareable link

Has no cloud storage for storing screenshots

Now let us guide you through Movavi ScreenShot.

Step 1. Get the extension from the browser web store

Go to your browser web store and find Movavi ScreenShot . Hit the Add to Chrome button and pin the screenshot icon in the top right corner of your browser.

Step 2. Take a full-page screenshot

Open the page you want to capture. Now press the screenshot icon and choose Capture entire page .

Step 3. Save the image

Your screenshot will appear in a new tab where you can download it to your desktop. The default format is JPG.

How to screenshot the entire webpage on a Mac online

Best for: Capturing web pages

Browser: Any

Go to Screenshot Guru

Screenshot Guru is a great way to grab a screenshot of any web page. You simply visit Screenshot Guru, put the URL into the text box, and let it do its thing. It couldn’t be easier to use. It has some downsides due to the fact that you can’t take screenshots of anything that requires a login. If you put your Gmail URL in, the site isn’t going to be able to take a full-page screenshot. Though you can use the web page version on any browser, you can add the function to Chrome as an extension.

Advantages of Screenshot Guru:

Super simple to take screenshots using your browser

Hi-res images captured directly on the website

Disadvantages of Screenshot Guru:

No option to screenshot sites, you have to log in

No way to screenshot images from your desktop or programs

How to screenshot the entire page on a Mac using Screenshot Guru:

Step 1. Find the URL of the page

Find the web address from the URL bar on the full web page you want to screenshot. Copy this to your clipboard.

Step 2. Paste the URL

Navigate to Screenshot Guru. There is no login required, you simply paste the URL into the text box and click the Screen Capture button.

Step 3. Save your image

The image is generated in the browser, and you then have the option to save this wherever you want to on your computer.

How to screenshot the entire page on a Mac with a built-in browser tool

Best for: Precise dimensions

Browser: Google Chrome

Can you capture a web page without using a third-party app or software? Yes! If you use Google Chrome, you should definitely try the developer tools as a screenshotting service.

This trick is well-known to developers because they’re familiar with all the secrets of HTML. Now you can be one of those in the know!

But first, let’s check the pros and cons of using the developer tools.

Advantages of using developer tools:

No installation required

The width and height of the screenshot can be customized

Disadvantages of using developer tools:

You will need to spend more time on set up

No editing tools

You can only download the screenshot to your desktop because there’s no shareable link

Step 1. Open developer tools

To open developer tools, hit the three dots in the right top corner of the browser. You can also press Alt  +  Command  +  I .

Now go to More Tools and choose Developer Tools .

Step 2. Customize the size

Open the Device Toolbar tab. Here you can set the size of the screenshot. If you’re working on a design project, you may find it helpful to make a screenshot of the web page using different devices.

Step 3. Take a Screenshot

Close to the size settings, you’ll see three dots. Hit them, and the screenshot drop-down menu will appear.

Select Capture full size screenshot .

Finally, choose the folder and save the image to your computer.

How to take a full-page screenshot on a Mac with a desktop program

Best for: Capturing video and still images

Mac App Store rating: 4.4 out of 5, 292 reviews

Download Capto

You may find it more convenient to use desktop software for making screenshots. Traditionally, such apps offer many more options than regular extensions or online capture services. Apart from screenshotting a web-page, you can use Capto to capture other screen acivity, e.g. to take a picture from a video . The most significant advantage is the availability of image editing tools and video recording options that make the app much more flexible.

Let us introduce Capto which is designed specifically for Mac.

Advantages of Capto:

  • Multi-functionality
  • High-quality support
  • Continuous updates and program improvements

Disadvantages of Capto:

  • Audio recording is unreliable

Note that Capto has a 7-day trial period, so you can try making screenshots with this app first by following these steps.

Step 1. Launch the program

Install Capto on your computer and launch the program.

Step 2. Run the screenshotting function

In the top menu, hit the Web icon. In the drop-down menu, select one of the screenshot options. If you’ve already opened the page you want to capture, choose the last item – Snap active browser URL .

Step 3. Edit the image and save it

In the preview window, you can crop your screenshot and add arrows or highlights to it.

When you’re done editing, save the image to your preferred folder. Note that you can choose the image format - one more argument in favor of Capto.

Best for: Inbuilt tool that doesn’t require installation

If you have macOS 10.14 or higher, you can skip all the foregoing methods and use the built-in Mojave tool. It will be the fastest and easiest way to capture the web page.

Step 1. Press shortcuts

Press Shift  +  Command  +  5 to run the screen control panel.

Step 2. Take a full-size screenshot

Click on the full screenshot icon and get your image.

You can also press Shift  +  Command  +  3 to get a screencap.

Print and save lifehack

Best for: Creating a PDF screenshot

There’s one more way to capture a web page. You can pretend that you want to print the page but, instead of printing, you save it as a PDF file on your computer!

But it’s not the most convenient method if you need an image in PNG or JPG format. After saving the screenshot, you’ll need to use another app or online service to convert the file from PDF to your desired image format.

Here are the two steps to this life hack.

Step 1. Print the page

Open your browser and find the Print option in the settings. You can also press Command  +  P .

Step 2. Save the image

Click the Save button to download the file as a PDF.

Best for: Fitting lots of information

We can’t ignore this crazy way of taking screenshots! You reduce the size of the web page and copy everything that fits on your screen.

It isn’t the most convenient or fastest way of screenshotting, but it seems to work reliably in any browser.

Step 1. Reduce the page size

Open the web page you want to capture. Now press Command and - (minus) simultaneously. Hold the keys down until you see the whole page on your screen.

Step 2. Define the capture area

Press Command  +  Shift  + 4 and frame the web page. The framed area will be your screenshot so pay attention to how you move the cursor, otherwise, you’ll have to crop the image later.

Step 3. Get a screencap

When you release the mouse button, your Mac will take a web page photo automatically. The screencap will be saved to your computer.

Don’t forget to reset the web page size. To do this, press Command  +  0 .

Best for: High-resolution browser captures

Browser: Firefox

The Mozilla Firefox browser includes a handy tool for taking screenshots. It’s very simple to use – it never seems to crash, and it provides a high-resolution image. Another advantage of this online tool is that you can get a shareable link to the image.

Follow these simple steps to use the Firefox built-in tool.

Step 1. Find the screenshotting function

If you look at the address bar, you’ll see three dots in the right corner. This opens the Page actions menu. Click on it.

The screenshotting tool is the last item in the drop-down menu.

Step 2. Take a screenshot of the entire page

Click on Take a Screenshot . The browser will offer you several options – capture a specific area, capture the visible part of the screen, or capture a full-page screenshot. Hit the Save full page button.

A window containing the screenshot will appear. Now you can download it to your computer or copy the link to the clipboard.

Full Page Screen Capture

Best for: Free browser screen captures

AlternativeTo rating: 2.5 out of 5

Go to Full Page Screen Capture

The next tool is Full Page Screen Capture. It’s an online screenshot maker that’s free to use.

Advantages of Full Page Screen Capture:

Quick and easy to use

No registration or installation required

Good image quality

Disadvantages of Full Page Screen Capture:

Can’t capture screens that require logins - for example, you cannot screenshot your Gmail inbox

Must open the screen capture web page every time you need to make a screencap

No choice of size. If you want to get a partial screenshot, you’ll have to use another app

For full-page screen capture, follow these steps.

Step 1. Copy and paste

Copy the link of the web page you want to capture. Go to Full Page Screen Capture and paste the URL into the empty field.

Step 2. Capture and save

Click on the Capture button and wait while the capture is created.

Now hover your mouse over the image and click on it. You screencap will appear in a new tab. Click on it with the right mouse button and save the picture. You can also copy the link and share it with others.

Best for : Multiple tools for Mac

Browser : Any

PCMag rating : 4.5 out 5

Download Parallels Toolbox

Parallels Toolbox is one install for your Mac operating system that provides you with a lot of tools that you can use, including a screenshot option. It frees up memory but also has a lot of different features and functions, including the option to check your clipboard history and optimize your system ready for a presentation. For one yearly fee, you can access all of these tools.

Parallels Toolbox is accessible from the upper toolbar on your MacBook, so it is easy to quickly capture any screen.

Advantages of Parallels Toolbox:

  • Easy to capture any screen without having to navigate to another URL
  • Select the area you want to capture if you wish
  • Comes with a variety of other tools

Disadvantages of Parallels Toolbox:

How to screenshot a full page using Parallels Toolbox:

Step 1. Prepare the screen or web page

Navigate to the screen you need to take a screenshot of first of all, so you are ready to capture.

Step 2. Open the app

Open Parallels Toolbox from the upper toolbar on your Mac. On the drop-down menu, you can find the screenshot tool. Once you click on this, you can simply choose the area to screenshot.

Step 3. Drag your cursor to capture the image

Drag across the area that you want to capture, from the bottom left to the top right, for example. This will select the full screen that you wish to capture. The image will automatically save to your desktop.

Best for : Capturing embedded frames

Browser : Google Chrome

Chrome Web Store rating : 4.9 out of 5, 5,000,000+ users

Download GoFullPage

GoFullPage gives you a way to capture both everything that is visible on the page as well as everything “below the fold” on a webpage, so it actually has a way to scroll and capture every single aspect of the web page. It can capture things like embedded iframes which a lot of other options struggle with. You can also choose how to export the page, so for instance, you may wish to save it as a PDF rather than a JPG.

Advantages of GoFullPage:

  • Easy operation with the click of a button or a shortcut
  • No annoying ads
  • Manages to capture embedded frames and more

Disadvantages of GoFullPage:

  • No option to just capture a small area

How to take a full-page screenshot on a Mac using GoFullPage:

Step 1. Install the browser add-on

Within Chrome’s web store, you can simply and easily install GoFullPage for free.

Step 2. Navigate to the web page

Find the page you would like to grab a screenshot of.

Step 3. Take the screenshot

You can do this by either clicking the camera button that is the icon of the app or you can press the press Alt + Shift + P .

Step 4. Save the image

The image will open in a new tab, and you can choose how to save it and in which format. You might choose that a PDF is best, or you may want to save it as a JPG.

Conclusion: What to look for in a screenshot tool

Hopefully, this has given you a better idea of what to look for and consider when trying to choose a screenshot tool. Features to think about include:

  • Ease of use: It should be simple to take a screenshot from any page.
  • Format: What does the tool save your screenshots as, and are they high quality?
  • Compatibility: If you use a certain browser, the tool needs to be suitable for use with your browser. Most are suitable for use with Google Chrome.
  • Reviews: Always check other peoples’ reviews and see what has been said about the software in question. Is it well-reviewed?

Frequently asked questions

How can i screenshot an entire webpage on a mac.

The easiest way to take a whole page screenshot on Mac is to use a browser extension. It's a fast and reliable tool that provides high-quality images.

Step 1. Install Movavi ScreenShot. You can search for the extension in the Google Web Store and add it to Google Chrome or Mozilla Firefox.

Step 2. Capture the web page. Click on the screenshot icon in the top right corner of your browser and choose the Capture entire screen option. Let the extension scroll the page from top to bottom. It will take just a few seconds!

Step 3. Save the image. The screenshot will appear in a new tab. Now you can download it in JPG format. You don’t have to register on a website to get your images.

How can I take a whole page screenshot on a Mac?

Here’s a list of the best tools to help you capture a whole web page.

  • Full Page Screen Capture – an online screen capture
  • Google Chrome developer tools
  • Capto – a desktop program for Mac
  • Mojave hotkeys
  • The print and save trick
  • Reduce and copy the page
  • Built-in screenshot tool in Mozilla Firefox

Check the guide above to learn more about how to scroll and save an entire web page.

Similar questions

  • How to take a full page screenshot in Safari? I’ve been trying to take a full page screenshot on safari, but the option doesn’t function correctly. It gives me an even smaller screenshot than the regular option. Any help to get this to work? Safari is not in a folder by the way. 2544 1
  • Safari full page length screenshot In Safari on macOS is there a way via the dev tools or by other means to take a screenshot or save an entire webpage as an image? This would be really helpful when collecting items for research. 1066 2
  • How to take a screenshot on safari without the toolbar in fullscreen mode? I always use Safari in fullscreen mode. I always have the "Always show toolbar in Full screen" option unticked, to maximize screen real estate, it's in menu View, top line. Whenever I try to take a screenshot with "Capture selected window", or Command+Shift+4+space, I would expect to have the entire screen captured without the toolbar as I have hidden it. But to my surprise, the result image always includes the toolbar, which shows all the tabs I have opened, and I don't want the recipient to see those tabs. This is confusing because the toolbar is not even showing on the screen, but the screenshot still has the toolbar!? Please see the photos below: This is my actual screen: (as I'm writing this post) And this is what I get after hitting Command+Shift+4+Space, aka, Capture selected window: I'm not sure but I might as well point out that I'm using a Macbook Air 2022, with a notch, which might has something to do with this(?) Thank you! 395 7

Loading page content

Page content loaded

There are no replies.

Sign up for our daily newsletter

  • Privacy Policy
  • Advertise with Us

How to Take a Scrolling Screenshot on Mac

Natalie dela Vega

Is the full screen screenshot on Mac not enough for your web page image capturing needs? Use these built-in tools, third-party apps, and browser extensions to take a scrolling screenshot on Mac . These tools and apps only work for web pages and files you can view in browsers.

How to Take a Scrolling Screenshot on Mac Using Safari

Third-party apps for taking scrolling screenshots, how to use browser extensions to take scrolling screenshots on mac, frequently asked questions.

Tip : you can also take scrolling screenshots in Windows using web browsers and third-party apps like Microsoft Edge and ShareX.

You can take a scrolling screenshot on Mac without downloading or using third-party apps. You only need Safari, which comes with Mac computers as the default web browser. Follow these steps to use it to take a scrolling screenshot:

  • Go to the web page you want to screenshot.
  • Scroll down to the bottom of the web page.

Scrolling Screenshot Manual Go To Bottom

  • From the menu bar, click on “Safari,” then select “Settings … “

Scrolling Screenshot Manual Settings

  • In the Safari settings window, go to the “Advanced” tab, tick the “Show Develop menu in menu bar,” then close the settings window.

Scrolling Screenshot Manual Advanced

  • From the menu bar, click on “Develop,” then select “Connect Web Inspector” or “Show Web Inspector.”

Scrolling Screenshot Manual Web Inspector

  • A window will appear containing elements and other web page assets.

Scrolling Screenshot Manual Web Codes

  • Select the first HTML element under the “Elements” tab in the web inspector.

Scrolling Screenshot Manual Select Html Tag

  • Right-click on the element, then select “Capture Screenshot.”

Scrolling Screenshot Manual Capture Screenshot

  • Rename the screenshot, select a save destination, and click on “Save.”

Scrolling Screenshot Manual Rename Save

  • You can find the image in the save location you selected when you saved it to your Mac. In this example, we are saving the screenshot to the “Desktop” folder as shown above.

If you find Mac’s native scrolling screenshot method complicated, you can download and use third-party apps instead. Two such apps that you can use are listed below:

How to Take a Scrolling Screenshot on Firefox

The Firefox web browser has a built-in tool that makes taking screenshots of entire web pages a breeze. Follow these easy steps:

  • Launch Firefox and visit the web page you want to capture.
  • Right click on a blank space within the web page and select “Take Screenshot.”

Firefox Right Click Menu Take Screenshot

  • Click on “Save full page” to take a screenshot of the whole web page.

Firefox Screenshot Size

  • In the pop-up window with the screenshot preview, click on the “Download” button.

Firefox Screenshot Download

  • You can find the downloaded image in Firefox’s default downloads folder or a different location that you have previously selected.

How to Take a Scrolling Screenshot on Microsoft Edge

Windows’s native browser, Microsoft Edge, has a built-in screenshot tool that lets you capture a scrolling screenshot on Mac. The steps below show how to take a screenshot of a full web page using Microsoft Edge for Mac:

  • Right click on a blank space within the web page, then select “Web Capture.” You can also press Shift + Command + S .

Microsoft Edge Web Right Click Menu

  • When a small pop-up appears, click on “Capture Full Page” to capture the whole web page.

Microsoft Edge Web Capture

  • In the web capture preview window, click on the floppy disk icon to save the image.

Microsoft Edge Web Capture Save

  • You’ll find the image you downloaded in Microsoft Edge’s default downloads folder or different location that you have previously selected.

How to Use Full Page Screen Capture to Take a Scrolling Screenshot on Mac

Full Page Screen Capture is a free web app you can use to download a screenshot of a web page by pasting the page link on the app’s website. Use this tool with any web browser on your Mac. These step-by-step details show how to get a scrolling screenshot on your Mac using this third-party web app:

  • Launch your web browser and go to Full Page Screen Capture’s website.
  • Paste or type the URL of the web page you want to take a screenshot of, then click “Capture Now.”

Scrolling Screenshot Full Page Screen Capture Input Link Capture Now

  • Wait for the app to process the web page’s screenshot.
  • When the screenshot is ready, you’ll see a preview below the URL field. Click on the “Click to Download” button over the web page’s image. You’ll be directed to a new tab to view and save the full screenshot of the website.

Scrolling Screenshot Full Page Screen Capture Click To Download

  • In the new tab, right-click on the image, then click on “Save Image As … “

Scrolling Screenshot Full Page Screen Capture Save Image As

  • Add a filename, choose the image’s save destination, then click “Save.”

Scrolling Screenshot Full Page Screen Capture Rename Save

  • You can find the image in the save location you selected when you saved it to your Mac. In the example above, we are saving the screenshot to the “Desktop” folder.

Aside from using Mac’s native tool and third-party tools, you can add dedicated web browser extensions, then use them to take scrolling screenshots on Mac. Listed below are two free browser extensions that can be used for this:

How to Use GoFullPage to Take a Scrolling Screenshot

GoFullPage is a browser extension that takes full web page screenshots . You need to add GoFullPage as a browser extension to use it. Follow these steps to take a scrolling screenshot on Mac:

  • Launch Google Chrome and add the GoFullPage Chrome extension to your browser by clicking on the “Add to Chrome” button.

Scrolling Screenshot Go Full Page Add To Chrome

  • A pop-up will appear asking if you want to add the GoFullPage browser extension. Click on the “Add extension” button to continue.

Scrolling Screenshot Go Full Page Add Extension

  • After adding the GoFullPage extension to your browser, you’ll be taken to a web page showing you how to use it.

Scrolling Screenshot Go Full Page Another Window

  • Pin the GoFullPage icon to Chrome for quick access. To do this, click on the puzzle piece icon at the top right of Google Chrome’s window, then click on the pin icon to the right of GoFullPage.

Scrolling Screenshot Go Full Page Extensions Pin Extension

  • Go to the web page you want to take a scrolling screenshot of.
  • Click on the GoFullPage icon at the top right of the Google Chrome window to process a screenshot of the web page. You will be directed to a new tab where you can view and download the screenshot.

Scrolling Screenshot Go Full Page Click Extension Icon

  • In the new tab, you can download the screenshot as a .pdf or an image (.png). Click on your preferred file type to start downloading the image.

Scrolling Screenshot Go Full Page Download Options

  • You can find the image in your Mac’s downloads folder or different location that you have previously selected.

How to Use Movavi Screenshot Chrome Extension

The Movavi Screenshot Chrome Extension is a screenshot tool from Movavi’s multimedia suite that will take scrolling screenshots on Mac. Like GoFullPage, you only need to add Movavi Screenshot Chrome Extension to your browser to use it. Follow this step-by-step guide to use it:

  • Launch Google Chrome and go to the Movavi Screenshot Chrome Extension page on the Chrome Web Store.
  • Click “Add to Chrome” to add this as a Google Chrome browser extension.

Scrolling Screenshot Movavi Screenshot Add To Chrome

  • A pop-up will ask you if you want to add Movavi Screenshot Chrome Extension. Click on the “Add extension” button to continue.

Scrolling Screenshot Movavi Screenshot Add Extension

  • Open the extensions tab by clicking on the puzzle piece icon at the top right of Google Chrome’s window. Click on the pin icon to the right of “Movavi Screenshot Chrome Extension” to pin it for easy access.

Scrolling Screenshot Movavi Screenshot Extensions Pin Extension

  • Visit the web page you want to take a scrolling screenshot of.
  • At the top right of your browser window, click on the Movavi Screenshot Chrome Extension camera icon.

Scrolling Screenshot Movavi Screenshot Click Extension Icon

  • Select “Capture entire page” to take a screenshot of the whole web page.

Scrolling Screenshot Movavi Screenshot Capture Entire Page

  • Let the extension process the image. When it’s done, you’ll be directed to a new tab where you can view and download the screenshot.
  • In the new tab, click on the “Save JPG” button to download the image.

Scrolling Screenshot Movavi Screenshot Save Jpg

  • When the extension asks for your permission to manage your downloads, click on the “Allow” button.

Scrolling Screenshot Movavi Screenshot Allow Access

  • Rename your screenshot, select a save destination, then click on “Save.”

Scrolling Screenshot Movavi Screenshot Rename Save

  • You can find the image in the save location you selected when you saved it to your Mac. In the above example, we are saving the screenshot to the “Desktop” folder.

Can I use the inspect tool to take a scrolling screenshot on a non-Safari browser?

Firefox also has a screenshot feature within its inspect tool. Just like on Mac, you can right-click on the first element and select “Screenshot Node” to save an image of a whole web page. Google Chrome doesn’t offer this feature.

Do GoFullPage and Movavi Screenshot Chrome Extension work with other browsers?

GoFullPage works on Google Chrome and Microsoft Edge. Movavi Screenshot Chrome Extension works on Google Chrome and Firefox.

How can I remove extensions on Google Chrome?

Click on the puzzle piece icon at the top right of Google Chrome’s window. Find the extension you want to remove, click on the three horizontal dots to its right, then select “Remove from Chrome.”

Image credit: Unsplash . All screenshots by Natalie dela Vega.

Our latest tutorials delivered straight to your inbox

Natalie dela Vega

Natalie is a writer specializing in tech how-tos and gaming. When she's not writing, she plays PC games and travels. Here at MakeTechEasier, you will see her write about guides, tips, and solutions for Windows and iOS.

  • Entertainment

Logo

The Firefox browser has a hidden feature tucked away in the developer tools that allows you to take full-size screenshots of any web page. This feature captures the entire page, similar to a scrolling screenshot, without using a third-party extension.

Before, almost all browsers didn’t have this feature. Now you can make a full-page screenshot in Mozilla Firefox, Google, and Safari. Also using different devices. Making a full-page screenshot is available even using the iPhone, but it’s only possible in Safari.

What to do to create a full-page screenshot in Mozilla

The make a full-page screenshot in Mozilla is designed to save an entire article, instruction, or even a website. It will save you a lot of screenshots. Not so long ago, you would have needed to download an extension to take a full-page screenshot in Mozilla, but now it’s a built-in feature.

Now every browser offers a similar feature, but Mozilla Firefox makes it easier to create a full-page screenshot. It only takes a couple of clicks, whereas in Google Chrome you have to go into the developer tools section. In Safari, the algorithm of actions consists of several steps in the settings section. Using iPhone to make a full-page screenshot you need only 2 clicks unlike on Mac.

To make a full-page screenshot in Mozilla Firefox you need to follow these steps:

  • The first step is to open the site you want in Firefox .
  • After that, you need to open the developer tools. To do this, click the F12 button or hold down the keys Ctrl + Shift + I .

safari desktop screenshot full page

  • Then you will open a new window where you need to open the developer tools options. To do that press the F1 key , then in the ‘Available Tool Buttons’ section check the ‘Take a screenshot of the whole page’ option .

safari desktop screenshot full page

  • To take a screenshot, you need to click on the camera icon on the developer’s toolbar.

safari desktop screenshot full page

After these steps, your full-page screenshot will be saved automatically to the folder specified for downloads. Your full-page screenshot will look like this:

safari desktop screenshot full page

You can also use the image editor to add annotations or crop images to the size you want. This function is most useful if you initially have a small page.

  • What to do if Mozilla Firefox not load pages
  • How to import bookmarks in Mozilla Firefox
  • How to take a screenshot on your Mac

What to do to create a full-page screenshot in Google Chrome

Google Chrome also has a hidden function hidden inside the developer tools. Using it you can make full-size screenshots of any web page. You can achieve the same result as in the Mozilla Firefox browser. Before you start the steps, you should know that the actions in Google Chrome are more complicated. To create a full-page screenshot in Google Chrome follow these steps:

  • The first step to creating a full-page screenshot in Google Chrome is to open the site you want.
  • In the upper right corner of the browser window, click on the icon of three dots .

safari desktop screenshot full page

  • Then in the list, you need to select ‘More tools’, then ‘Developer tools’, or press the key combination Ctrl + Shift + I .

safari desktop screenshot full page

  • Next, you need to click on the three dots icon in the developer toolbar , then select ‘Run command’ .

safari desktop screenshot full page

  • In the list select ‘Screenshot Capture full-size screenshot’ .

safari desktop screenshot full page

Every time you need to take a full-page screenshot in Google Chrome, you will have to do the same steps. Your full-page screenshot will be saved in your default folder. It depends on your settings because you can also choose a folder to save to. After that, open the screenshot and make any changes if you want, add annotations or crop it to your desired size.

What to do to create a full-page screenshot in Safari on Mac

iOS offers many solutions for sharing content. One way is to send a full-page screenshot. Safari is one of the browsers that allows you to do this. However, you need to go to the settings on your Mac. You should follow these steps:

  • To create a full-page screenshot on Mac, open Safari .
  • Select Safari from the menu bar and then Settings .
  • Then you need to select the ‘Advanced’ tab .
  • You need to check the box next to the ‘ Show Develop menu in the menu bar ‘ .

safari desktop screenshot full page

  • After that, in Safari, open the website to take a screenshot.
  • Then click ‘Develop’ and ‘Show Web Inspector’ .
  • In the new window that opens, click on the first line that starts with ‘HTML’ and select ‘Capture Screenshot’ .

After these steps, you need to select a location where a full-page screenshot will be saved. Also, to continue working in Safari, you need to click on the ‘x’ icon to close this window. Another way to do this is to use Command + Option (Alt) + I.

  • How to block unwanted websites on Mozilla Firefox
  • How to clear your download history in Mozilla Firefox
  • How to remove a Google Account from Google Chrome on desktop, Android, and iOS

What to do to create a full-page screenshot in Safari on iPhone

It’s often necessary to take full-page screenshots on the iPhone. Before you do that, you should know that this function is only available in Safari. That is, you won’t be able to make a full-page screenshot on your iPhone in Mozilla, Google Chrome, or any other browser. The algorithm of your actions won’t differ from the usual screenshot. To create a full-page screenshot in Safari on iPhone you need:

  • The first step is to open the desired site in Safari .
  • After that, hold down the power button and the volume up button . If your iPhone has a Touch ID, press the Power and Home buttons at the same time.
  • Then click on the picture preview at the bottom .
  • At the top, you need to select ‘Full Page’ and then select ‘Done’ .

safari desktop screenshot full page

After these steps, your screenshot will be saved in PDF format to the default files. You cannot change where you save a full-page screenshot. However, right after that, you can send it conveniently from the Files app.

  • Google Chrome

Vlada Komar

More similar stories

How to enable third-party cookies in your browser, how to remove quick search on chrome on mac, how to add shortcuts to the google chrome home screen, google chrome will no longer support windows 7, how to remove ‘shared with you’ on the safari homepage on your iphone.

Logo

macrumors 68040

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.  

xplorations

xplorations

Macrumors newbie.

dachshundx said: 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? Click to expand...

macrumors 68020

Grab or cmd-shft-3 (or variations) to capture the screen. Use cmd- (cmd minus) to get more of the content on the screen.  

Moakesy

macrumors 6502a

  • Dec 16, 2016

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.  

Dave Braine

Dave Braine

dachshundx said: Anyone know of an easy way to take a full-page screenshot of a webpage on Safari? Click to expand...
dachshundx said: Using "Export as PDF..." does not render the page correctly 90% of the time. Click to expand...

macrumors regular

Following Apps can capture full webpage: Paparazzi! http://derailer.org/paparazzi/ Web Snapper http://www.tastyapps.com/websnapper/ Good luck!  

presenta

  • Dec 29, 2016

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".  

Michaelgtrusa

Macrumors 604.

  • Dec 31, 2016

DesignerOnMac

DesignerOnMac

Essentialgadget.

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.  

MacGizmo

  • Jan 1, 2017

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.  

  • Aug 19, 2017
MacGizmo said: 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. Click to expand...
iamsen47 said: Awesome Screenshot inserts spyware and sells your browsing info to third parties. You should uninstall it ASAP. https://mig5.net/content/awesome-screenshot-and-niki-bot http://www.thesafemac.com/screenshot-extension-injects-ads/ Click to expand...
liya1201 said: Following Apps can capture full webpage: Paparazzi! http://derailer.org/paparazzi/ Web Snapper http://www.tastyapps.com/websnapper/ Good luck! Click to expand...

alexisgallagher

alexisgallagher

  • Apr 5, 2018
presenta said: ... 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". Click to expand...
  • Apr 6, 2018
alexisgallagher said: 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 Click to expand...
MacGizmo said: 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. Click to expand...
  • Apr 8, 2018
alexisgallagher said: 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! Click to expand...

rhett7660

macrumors G5

  • Jun 21, 2018

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.  

stardrive

  • Jul 25, 2018

shrfu31

  • Feb 14, 2020

Contributor

dachshundx said: Using "Export as PDF..." Click to expand...

OS X Daily

Tips & Tricks

Troubleshooting, how to take full page screenshots in safari on iphone & ipad.

How to Take Full Page Screenshots in Safari

Have you ever wanted to take a full webpage screenshot in Safari on iPhone or iPad? Now you can do exactly that with the latest iOS and iPadOS releases, where you’re able to snap full page screenshot and save it as a PDF file, which can then be shared, saved locally, edited, printed, or anything else you’d like to do with it.

Android smartphones have had the ability to capture scrolling screenshots for quite a while now. Also known as full page or long screenshots, this feature allows users to take a screenshot of an entire web page and share it with anyone, which is a lot more convenient than taking multiple screenshots. Until now, iOS had lacked this functionality, but you don’t have to feel like you’re left out anymore. With iOS 13, iPadOS 13, and later, Apple allows you to take full page screenshots on your iPhone and iPad, though the feature is limited to the Safari web browser .

Are you one of those iOS users who felt like you were missing out on such a nifty feature? Look no further, because in this article, we’ll be discussing exactly how you can take full page screenshots using Safari on iPhone and iPad. Let’s get right to it.

Since this feature was introduced alongside recent iOS versions, you need to make sure your iPhone and iPad is running iOS 13 / iPadOS 13 or later. Capturing full page screenshots on your iPhone and iPad is fairly similar to taking any regular screenshot , except you have to choose a specific option that saves the whole web page as a file. Here’s how this works:

  • Open “Safari” web browser from the home screen of your iPhone and iPad, then visit a website or webpage you want to take a full page screenshot of.

Safari Icon

  • Next, tap on the thumbnail of the screenshot in the bottom corner of the screen to bring up the markup and sharing option menu for that screen shot

How to take a full webpage screenshot on iPhone or iPad in Safari

Now that you’ve taken a full webpage screenshot in Safari, you might be wondering how to locate that full page screenshot on the iPhone or iPad. That’s what we’ll discuss next.

How to Find and Share Full Page Screenshots on iPhone & iPad

Unlike regular screenshots that get saved to Photos app as a PNG file, “Full Page” screenshots get saved as a PDF file that can be accessed using the Files app on your iPhone and iPad. Simply follow the steps below to find and share your screenshots.

Files App iOS 13

Those are the steps that you need to follow in order to snap, find, and share your Full Page screenshots.

The brief video below shows the process of taking full page screenshots on an iPhone; taking the screenshot, tapping the thumbnail, selecting ‘Full Page’ from the tab options, then tapping on ‘Done’ so you can save the full webpage screenshot as a PDF file to your device or elsewhere (you can also share it directly from that screen).

Prior to this feature being native to screenshots in the latest iOS and iPadOS releases, your only option was to grab multiple screenshots and stitch them together using a third-party application from the App Store, but having this feature built in is much more convenient.

Apple took some time to bring these full page scrolling screenshots to iOS devices, but now that it’s here it’s quite useful particularly for anyone who works with the web, or even if you just want to save a webpage locally.

The feature is not perfect however, as it only applies to Safari thus far and you can’t really use other third-party web browsers like Chrome, Firefox, Firefox Focus, etc for capturing Full Page screenshots with this technique. Thus if you don’t use Safari for browsing on iPhone or iPad, you’re out of luck for easy full page screenshots.

Additionally, while you can snap full webpage screenshots, you can’t take Full Page screenshots within other apps like Mail, Facebook, Instagram, etc (yet at least, but perhaps that will arrive in a future version of iOS and iPadOS?).

Finally, remember that all of these full page screenshots aren’t really images, but instead they’re saved as PDF files. That may be inconvenient to access and share compared to JPEG and PNG files like regular screenshots, but it also may be a necessity for capturing the full length of a webpage and being able to view it properly.

What do you think of Full Page Screenshots within Safari on iPhone and iPad? Do you see yourself using this feature to capture whole web pages? Let us know your thoughts, experiences, and opinions in the comments section down below.

Enjoy this tip? Subscribe to our newsletter!

Get more of our great Apple tips, tricks, and important news delivered to your inbox with the OSXDaily newsletter. 

You have successfully joined our subscriber list.

.

Related articles:

  • Using the Screenshots Album on iPhone and iPad
  • How to Markup Screenshots on iPhone & iPad
  • How to Turn Off Split Screen in Safari for iPad? Exiting Safari Split Screen in iPadOS
  • Take Full Webpage Screenshots on Mac via Command Line with webkit2png

30 Comments

» Comments RSS Feed

This is a cool but useless feature unless the screenshot is saved as, well, a screenshot (JPG or PNG). Saving it as a PDF is useless. PDFs don’t show up in Photos and so can’t be shared via Messages.

Linda! Thank you for this. I have IPhone XS and and a 13 iOS. This works only if you search for website in Safari. If you are in Google (which I do almost exclusively even though my son tells me not to) you will NOT get the full page tab. Search for the website you want In the Safari browser not in Google.

I have the same problem with mr.Carlos. Only part of the full website is captured, maybe there’s a limitation of how long you can captured..

This would be great……..if it worked properly! Having gone through the steps as instructed, the saved webpage is incomplete. Realising that each part of the page generated as I scrolled down, I let that happen before taking the screenshot. It worked….in part. Half of the webpage is missing. I haven’t been able to solve this issue. So, useless!

Great tip. As well as in Safari, I have been able to use this in Apple’s iOS/iPadOS Mail and Numbers apps.

I use the Tailor app. Saves to your Photos. I like that better then as a PDF.

Here is how to snap a full webpage screenshot with iPhone or iPad:

– Open Safari

– Go to a web page that is long enough to scroll

– Take a screenshot as usual on your iPhone or iPad (press Volume Up and Power, or Home button + Power, depends on your device)

– NOW tap the screenshot thumbnail that appears in the corner – this is the part some people are skipping

– Choose “FULL PAGE” at the top of the screen to take the full webpage screenshot on iPhone or iPad or iPod

– You can then use the Share option to send it to someone directly, or to email it or save it

– If you tap on Done you will have the immediate option to “Save as PDF” to save the entire webpage screenshot as a PDF file

There you have it. This is a great feature.

This did not work for me with an iPhone XS MAX. Tried it a couple of times and all I get is the screen to power off the phone.

Nedda, after you take the screenshot of the webpage in Safari, immediately tap on the thumbnail icon of the screenshot that appears in the corner of the screen. Then you’ll be in the markup screen where you can select “Full Page” to snap the full webpage screenshot.

Hope that helps!

I tried it .. just upgrade to 13.3.1 . and when i hit those two buttons it takes a snapshot and doesn’t give me any options for Full or not

It’s hidden behind the editing toolbar. Slide the toolbar out of the way and you’ll see the missing menu

IPad Pro (first version) iPadOS 13.3.1. Safari Sorry Linda but this does not work here. I just get a screenshot saved in photos.

Hi, not working on iPad Air running iOS 13…don’t get the tabs, just takes screenshot

Tap on the thumbnail after you take the screenshot in Safari, that’s how you access the the tabs to choose the full page screenshot option!

I am running IOS 13.3 on an iPhone XR, this feature is not present!

On my iPhone 7 with iOS 13.3.1, using Power + Home button in Safari, I only get the standard prtscrn image.

I have an iPhone 7 with iOS 13.3.1, I use Power button + Home on Safari, and I only get the standard printscreen to image.

How can I stop getting mail from my old discontinued Blackberry account?

Be aware you must choose FULL PAGE very quick on an iPad or in a blink it defaults to screen.

Finally! Long overdue feature.

So will I not be able to take a photo? I want to be able to create a jpg in Safari.

I have an Xr iPhone with the very latest and tabs do not show either.

This is a great tip! Thanks a lot Paul 😊

The “two tabs” shown in step 3 do not appear on an iPhone 8 or an iPhone X. Are you sure this isn’t just a trick for iPhone 11?

Positively this is for every iPhone or iPad that runs the latest iOS / ipadOS releases. If you’re not using Safari or on iOS 13 or later you will not have this full page screen shot option however.

No, the “two tabs” do not appear on my iPhone X either. I am running the latest 13.3.1 software

You neglected to tell people to click on the thumbnail screenshot image (before it disappears) that was created by pressing the button combinations in step 2.

Only then will the options in step 3 be available.

I agree with Fulano. I am running ios13 on my iPhone X and this functionality does not exist.

I’m running iOS 13 on my iPhone X and iPadOS 13.4 on iPad and the functionality DOES EXIST, there is an extra step that some of you are missing however. Here is how you do this:

– Open Safari

– GO to a web page that is long enough to scroll

– Take a screenshot as usual on your iPhone or iPad

– NOW tap the screenshot thumbnail that appears in the corner – this is the part some people are skipping

– Choose “FULL PAGE” at the top of the screen to take the full webpage screenshot on iPhone or iPad or iPod

There you have it, doing it right now as we speak!

This is a feature that Apple openly talks about on their own website and it’s a good one. Remember to tap that thumbnail in Safari after the screenshot, that’s how you can select FULL PAGE!

I, too, had trouble finding the tabs at first. There’s a step missing: the tabs are in the temporary screenshot that appears at the bottom of your iPhone or iPad screen. Tap on that temporary image and you will see the tabs and be able to follow the rest of the instructions.

Leave a Reply

Name (required)

Mail (will not be published) (required)

safari desktop screenshot full page

Subscribe to OSXDaily

Subscribe to RSS

  • - How to Check Disk Health on Mac with smartctl
  • - How to Enable Do Not Disturb on Apple Watch
  • - 3 Mac Tips for Working with International Teams
  • - How to Disable ChatGPT Chat History & Training Data Usage
  • - What Does the Bell with Line Through It Mean in Messages? Bell Icon on iPhone, iPad, & Mac Explained
  • - Opinion: Shiny Keys on MacBook Air & Pro Are Ugly and Shouldn’t Happen
  • - MacOS Ventura 13.6.6 & Safari 17.4.1 Update Available
  • - Using M3 MacBook Air in Clamshell Mode May Reduce Performance
  • - First Beta of iOS 17.5, macOS Sonoma 14.5, iPadOS 17.5 Released for Testing
  • - iOS 16.7.7 & iPadOS 16.7.7 Released for Older iPhone & iPad Models

iPhone / iPad

  • - Fix a Repeating “Trust This Computer” Alert on iPhone & iPad
  • - Create a Resume with Pages on Mac, iPhone, iPad
  • - How Secure are Personal Hotspot Connections from iPhone?
  • - You Can Play Flappy Bird in the Mac Finder
  • - Fix “warning: unable to access /Users/Name/.config/git/attributes Permission Denied” Errors
  • - How to Fix the Apple Watch Squiggly Charging Cable Screen
  • - NewsToday2: What it is & How to Disable NewsToday2 on Mac
  • - Why Did My iPhone Alarm Stop Automatically & Turn Itself Off?

Shop on Amazon to help support this site

About OSXDaily | Contact Us | Privacy Policy | Sitemap

This website is unrelated to Apple Inc

All trademarks and copyrights on this website are property of their respective owners.

© 2024 OS X Daily. All Rights Reserved. Reproduction without explicit permission is prohibited.

How to Take Full-Page Screenshots in Safari on iOS

Most web pages don't fit in a single screenshot, but this iPhone feature lets you save them to a scrollable PDF instead.

In iOS 13 and later, iPhones and iPads can take scrolling screenshots that capture entire webpages in Safari. The best part is that it's almost exactly like taking a standard screenshot. But, instead of saving a screen-sized image, you save the full page as a scrollable PDF.

Here’s how to take scrolling screenshots in Safari.

How to Take a Full-Page Screenshot of a Webpage

To take a scrolling screenshot of a full webpage in Safari, follow these steps:

Open Safari and navigate to the webpage you want to screenshot.

Press the volume up button and the power button simultaneously to take a screenshot. If your iPhone has a Home button, press the Home button and the power button instead. (Learn how to take screenshots without a power button .)

Tap the Full Page option in the toggle near the top of the screen.

The view will change slightly to show the top portion of the scrolling screenshot and, next to it, a miniaturized overview of the entire screenshot down the side. You can scroll the main view of the screenshot by swiping up and down with two fingers.

Dragging the highlighted box on the miniaturized view to the right lets you quickly move the screenshot.

While you’re viewing the screenshot, crop it by tapping the Crop button (which looks like a square with overlapping lines) in the top toolbar. You can also edit it using the markup tools along the bottom of your iPhone’s screen.

When you’re finished cropping and marking up the screenshot, tap the Share button to save it to Files or send it to another app. Your iPhone will save the full webpage as a long, single-page PDF document.

If you want to delete the screenshot without saving it, tap Done and then tap Delete Screenshot .

Other apps can support the full-page screenshot feature, too. Apple’s Mail app is one example; however, it saves a paginated PDF rather than a scrollable single-page file.

One Screenshot Is Better Than Two

Previously, iOS users depended on third-party scrolling screenshot apps to share long webpages. Now, the feature is built right into iOS and works just like a standard screenshot. Once you’ve learned this skill, there are even more ways of taking screenshots on an iPhone to discover.

  • PRO Courses Guides New Tech Help Pro Expert Videos About wikiHow Pro Upgrade Sign In
  • EDIT Edit this Article
  • EXPLORE Tech Help Pro About Us Random Article Quizzes Request a New Article Community Dashboard This Or That Game Popular Categories Arts and Entertainment Artwork Books Movies Computers and Electronics Computers Phone Skills Technology Hacks Health Men's Health Mental Health Women's Health Relationships Dating Love Relationship Issues Hobbies and Crafts Crafts Drawing Games Education & Communication Communication Skills Personal Development Studying Personal Care and Style Fashion Hair Care Personal Hygiene Youth Personal Care School Stuff Dating All Categories Arts and Entertainment Finance and Business Home and Garden Relationship Quizzes Cars & Other Vehicles Food and Entertaining Personal Care and Style Sports and Fitness Computers and Electronics Health Pets and Animals Travel Education & Communication Hobbies and Crafts Philosophy and Religion Work World Family Life Holidays and Traditions Relationships Youth
  • Browse Articles
  • Learn Something New
  • Quizzes Hot
  • This Or That Game New
  • Train Your Brain
  • Explore More
  • Support wikiHow
  • About wikiHow
  • Log in / Sign up
  • Computers and Electronics
  • Internet Browsers
  • Safari Browser

Simple Ways to Open Safari in Full-Screen Every Time on Mac

Last Updated: September 5, 2023 Fact Checked

Making Safari Full-Screen

Changing settings.

This article was co-authored by wikiHow staff writer, Darlene Antonelli, MA . Darlene Antonelli is a Technology Writer and Editor for wikiHow. Darlene has experience teaching college courses, writing technology-related articles, and working hands-on in the technology field. She earned an MA in Writing from Rowan University in 2012 and wrote her thesis on online communities and the personalities curated in such communities. This article has been fact-checked, ensuring the accuracy of any cited facts and confirming the authority of its sources. This article has been viewed 13,948 times. Learn more...

Do you want Safari to fill the screen instead of looking like a window every time you open it? Fortunately, you're just a few menu clicks away from that! By default, Safari will open as a window, but this wikiHow article teaches how to have Safari on your Mac open in full-screen all the time!

Things You Should Know

  • Maximize Safari by clicking the green icon and selecting "Enter Full Screen."
  • Alternatively, use keyboard shortcuts like "Cmd + Ctrl + F" to make Safari full-screen.
  • Once Safari is in full-screen mode, go to "System Settings > General" and uncheck the box next to "Close windows…"

Step 1 Click the green

  • Alternatively, press a keyboard shortcut to enter Full Screen without using your mouse. For macOS Big Sur and earlier, press Cmd + Ctrl + F . For macOS Monterey and later, press Fn + F . [2] X Research source Press those shortcut buttons again or Esc to close full-screen.
  • Move your mouse over areas to reveal hidden objects when Safari is full screen. For example, the Dock is hidden when you use Safari in full screen. Simply make it appear again by moving your mouse to wherever your Dock is.

Step 1 Open System Settings.

  • If you're using an older version of macOS, "System Settings" will instead be "System Preferences."

Step 2 Click Desktop & Dock.

  • If you're using an older macOS version, this is a checkbox in "General" instead. Make sure it's unchecked so your Safari windows will not be closed when you quit the application.
  • Press Cmd + Q to quit Safari without closing any windows. If you go to your open windows and close them with "Cmd + W," then you won't be able to restore that window by opening Safari again. Instead, press Cmd + Q to be able to re-open that window in full-screen mode whenever you open Safari.

Expert Q&A

  • If you're using an iPad and split-screen is causing your Safari to take up only half the screen, disable it by dragging the grey line. Thanks Helpful 0 Not Helpful 0
  • If you're using an iPhone, use desktop mode for Safari to access options you don't have using mobile-mode. Thanks Helpful 0 Not Helpful 0

safari desktop screenshot full page

You Might Also Like

Disable Private Browsing on iPhone

  • ↑ https://support.apple.com/guide/mac-help/use-apps-in-full-screen-mchl9c21d2be/mac
  • ↑ https://support.apple.com/en-us/HT201236

About This Article

Darlene Antonelli, MA

  • Send fan mail to authors

Is this article up to date?

Am I a Narcissist or an Empath Quiz

Featured Articles

How to Perform a Candle Wax Reading

Trending Articles

View an Eclipse

Watch Articles

Make Sticky Rice Using Regular Rice

  • Terms of Use
  • Privacy Policy
  • Do Not Sell or Share My Info
  • Not Selling Info

wikiHow Tech Help:

Tech troubles got you down? We've got the tips you need

IMAGES

  1. How to screenshot of an entire web page on Mac

    safari desktop screenshot full page

  2. iOS 13: How to Take Full Page Screenshots of Websites in Safari on iPhone

    safari desktop screenshot full page

  3. How To Take A Screenshot In Safari

    safari desktop screenshot full page

  4. How To Take A Screenshot In Safari

    safari desktop screenshot full page

  5. With Awesome Screenshot for Safari, full screen capture has never been

    safari desktop screenshot full page

  6. How to View a Full Desktop Website in Safari for iPhone

    safari desktop screenshot full page

VIDEO

  1. How to change safari to Desktop Version on iPhone iOS 17

  2. How to Take a FULL PAGE Screenshot on your iPhone or iPad (EASY)

  3. Full page screenshot in chrome

  4. Laptop me screenshot kaha save hota hai

  5. SCREENSHOT PAGINA INTERA su Safari per iPhone 📱 #iphone #safariiphone #safari #trucchiiphone

  6. How to Easily Take a FULL PAGE Screenshot on safari

COMMENTS

  1. How to Take a Screenshot of an Entire Webpage in Safari on a Mac

    Open Safari and go to " Safari > Preferences…. Click the Advanced tab and toggle on " Show Develop menu in menu bar .". Navigate to the webpage you want to capture and from the Develop menu, choose " Show Web Inspector .". Alternatively, you can hit alt-command-I (⌥⌘I). Select the Elements tab and right-click on the line that ...

  2. How To Take Full Page Screenshots In Safari For Mac

    Download and install Snagit. Launch Snagit and click the "All-In-One" tab to the left. Click the Capture button. Select the area of the website you want to capture and click the "Launch a Panoramic Capture" button. Click start and start scrolling down the website and click Stop when you're done.

  3. Full page screenshot in Safari

    Open Safari and navigate to the webpage. Show Reader View if available and preferred. Take a screenshot, then tap on the thumbnail to edit. Tap Full Page > Done > Save PDF to Files > [Location] > Save. Share the PDF file with your Mac using AirDrop, iCloud Drive, or another method. Step 2: Open the PDF file in Preview.

  4. How to capture full-length screenshots of web pages using Safari for

    Click the Edit button at the top right of the window. From there, click the Crop tool at the top left. Click and drag the corners of the marquee that appears to crop comfortably to the edges of your screenshot, then click Done at the top right. You've now captured the full length of a web page without any additional software or tools.

  5. macos

    Safari now has a ScreenCapture feature built-in, as explained in the article Full Page Screenshots in Browsers: In Safari DevTools, select a node, right-click, and you'll see Capture Screenshot in the context menu. There isn't a keyboard shortcut AFAIK, but it is available without additional third-party software.

  6. How to screenshot of an entire web page on Mac

    Head to the page you want to capture and follow these steps: 1) Right-click on the page and choose Take a Screenshot. 2) Click Save full page on the top right. 3) Hit Download to save the image or Copy to place it on your clipboard to paste where needed.

  7. How to take a full page screenshot in Mac OS Safari?

    Under the "Paper Size" pop-up, select "Manage Custom Sizes". Create a new paper size that fits the entire webpage (eg, 8.5in x 30in). Use the PDF pop-up to "Save as PDF..." The downside to this approach is that if the site has different screen and print styles, you can only get a PDF of the print style. Share.

  8. How to take a screenshot of an entire webpage in Safari on a Mac

    Steps to take a screenshot of an entire webpage in Safari. Step 1: Launch Safari on your Mac and navigate to the web page you wish to capture. From the top menu bar, click on the File option, and then select the "Export as PDF" option from the drop-down menu. Step 2: Once you have selected the "Export as PDF" option, a save dialog box ...

  9. How to Screenshot An Entire Webpage on Mac

    Now right-click (Ctrl-click) anywhere on the webpage and select Take Screenshot from the contextual menu. To capture the entire webpage, click Save full page in the top-right corner of the browser ...

  10. How To Take A Screenshot On Safari

    Open Safari: Launch the Safari browser and navigate to the web page or content you wish to capture. Activate the Screenshot Toolbar: Once on the desired page, press the Shift + Command + 5 keys simultaneously. This keyboard shortcut triggers the Screenshot Toolbar to appear at the bottom of the screen, presenting a range of screenshot and ...

  11. How to take a screenshot in Chrome, Firefox, Safari, and Edge

    Firefox. Two finger click (or right click on a mouse) on the target page. Select "Take a screenshot". In the upper right of the browser, select "Save full page". Select either "Download" or "Copy". If you select Download, the image goes to your Downloads folder. If you select Copy, the image will be copied to the clipboard.

  12. 4 Ways to Take a Scrolling Screenshot on a Mac

    Take Full-Page Screenshots in Safari With the Develop Menu Safari has a hidden screen capture tool that you might not know about. It's a bit technical, but is accessible to everyone, and if you only need it for occasional use, this is the simplest option to try. ... Click it to open the image in a new browser tab, then right-click on the image ...

  13. 10 Ways to Screenshot Entire Webpage on Mac or Windows

    Step 1: Open the above Chrome link and click "ADD TO CHROME.". Step 2: Hit "Add extension.". Step 3: Once the extension icon shows up on the Chrome bar, click on it and select the "Capture entire page" option. Step 4: Within a few seconds, that web page scrolls down automatically.

  14. 10+ Ways to Screenshot Whole Page on Mac [2024]

    The easiest way to take a whole page screenshot on Mac is to use a browser extension. It's a fast and reliable tool that provides high-quality images. Step 1. Install Movavi ScreenShot. You can search for the extension in the Google Web Store and add it to Google Chrome or Mozilla Firefox. Step 2.

  15. full page screenshot using safari on a mac

    If you want to take a full page screenshot using safari on a mac, try this: go to the page you want a screenshot of. click "file," then select the option for "export as pdf..." "save as" window appears: give the screenshot a name, tags, and click where you want it to save. press "enter".

  16. How to Take a Scrolling Screenshot on Mac

    Launch your web browser and go to Full Page Screen Capture's website. Paste or type the URL of the web page you want to take a screenshot of, then click "Capture Now.". Wait for the app to process the web page's screenshot. When the screenshot is ready, you'll see a preview below the URL field.

  17. How to screenshot a whole page on Mac

    Then, to capture the full page, press Command - Shift - 3. 2. Firefox screenshot feature. If you use Firefox as your chosen browser, it has a handy feature that lets you screenshot an entire page on a Mac; here's how: Open Firefox and head to the webpage you want to capture. Scroll all the way down to the bottom of the webpage.

  18. Full-Page Screenshots on Safari Not Working? Here's How to Fix It

    First, make sure that your iPhone is running an iOS version that supports the feature by going to Settings > General > About . If your OS is not the problem, make sure to check the app you're using when attempting to take a full-page screenshot. It only works with Safari. 2. Make Sure You're in Safari.

  19. How to make a full-page screenshot in Mozilla, Google Chrome, or Safari

    You should follow these steps: To create a full-page screenshot on Mac, open Safari. Select Safari from the menu bar and then Settings. Then you need to select the 'Advanced' tab. You need to check the box next to the 'Show Develop menu in the menu bar'. After that, in Safari, open the website to take a screenshot.

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

    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.

  21. How to take full-page screenshots on your PC or Mac

    Story by Tony Polanco. • 17h • 2 min read. Follow our guide to taking full-page screenshots through keyboard shortcuts or built-in programs.

  22. How to Take Full Page Screenshots in Safari on iPhone & iPad

    Open "Safari" web browser from the home screen of your iPhone and iPad, then visit a website or webpage you want to take a full page screenshot of. If you aren't aware, you can take a screenshot on your iPhone and iPhone by pressing your "Power" button and "Volume Up" button simultaneously. However, if you're using an device ...

  23. How to Take Full-Page Screenshots in Safari on iOS

    Press the volume up button and the power button simultaneously to take a screenshot. If your iPhone has a Home button, press the Home button and the power button instead. (Learn how to take screenshots without a power button .) Tap the Full Page option in the toggle near the top of the screen. The view will change slightly to show the top ...

  24. How to Have Safari Open in Full Screen on Mac

    Download Article. 1. Click the green "Expand" icon. It's in the top left corner of the app's window. 2. Click Enter Full Screen. This is usually the first item on the menu and will enlarge Safari to fill your entire screen. [1] Alternatively, press a keyboard shortcut to enter Full Screen without using your mouse.