• 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

screenshot entire webpage safari

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

screenshot entire webpage safari

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:

screenshot entire webpage safari

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.

screenshot entire webpage safari

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

screenshot entire webpage safari

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

screenshot entire webpage safari

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

screenshot entire webpage safari

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.

screenshot entire webpage safari

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

screenshot entire webpage safari

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

screenshot entire webpage safari

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

Email Address

screenshot entire webpage safari

  • Brand Assets

screenshot entire webpage safari

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

screenshot entire webpage safari

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 .

screenshot entire webpage safari

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 .

screenshot entire webpage safari

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.

screenshot entire webpage safari

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

screenshot entire webpage safari

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.

Stay connected

Trending news, 3 ways to play content warning on mac – our experience , 4 ways to play supermarket simulator on mac – our experience , do you need a vpn on your mac when connecting privately or only on public networks , two ways to play fall guys on mac – our experience , three ways to play rust on mac – our experience , 4 ways to play balatro on mac – our experience .

Screenshot entire webpage (Mac)

Screenshot entire webpage (Mac) 

screenshot entire webpage safari

Table of Contents

How to screenshot an entire webpage on Mac

The easiest way to screenshot an entire webpage on Mac is to use the Shift + Command + 3 combination. Alternatively, you can use built-in browser screen capture features to screenshot an entire webpage on Mac, but the way to do this would depend on the browser.

screenshot entire webpage safari

Taking a screenshot on a Mac computer is very easy – all you need to do is press Shift + Command + 3 and this will create a screenshot using the built-in Screenshot mac utility. This app actually has several useful options, so, to actually open it and gain access to those options you can search for them in Spotlight by typing Screenshot and opening the first result. You can also use the Shift + Command + 5 combination from your keyboard to directly open the Screen capture utility. Once you open it, at the bottom of your screen, you’d be given the different options of the app – to screenshot the entire screen or a specified selection, or to record a video of your entire screen or of a selection. If you want to take a screenshot of the whole screen, click the first button from left to right (should be labeled Capture Entire Screen) and then click anywhere on your screen. A screenshot image file will soon be saved in a location specified in the settings of the Screenshot utility. To see what that location is and to change it if you want, click Options when the Screenshot utility is open and see what folder is checked below Save to . If you want, you can change that folder to another location.

If you want a quick way of making screenshots of specified selections of the screen, you can instead use the Shift + Command + 4 keyboard combination. This will directly turn your cursor into a selection tool. To use it, click and hold somewhere on your screen and then drag the cursor over the area of your screen that you want to capture. Once you’ve selected the area you want, release the click and a screenshot will be taken and saved to the Save to the location of the Screenshot utility.

This is the easiest way to take screenshots on Mac, but note that a lot of browsers offer their own screenshot utilities and functions. Below, we will show you how to take a screenshot of a webpage using Chrome and Firefox.

How to screenshot a webpage in Chrome on Mac

  • Open the Chrome browser on your Mac and go to the page you want to screenshot.
  • Press the Command + Option + I keyboard combination, and you will see a window appear to the right.
  • Next, press Command + Shift + P and then type “ Screenshot” in the Run field.

screenshot entire webpage safari

  • If you chose the Capture area screenshot feature, click-hold on your screen and drag the cursor while holding the click to select the area you want to screenshot and then release the click. Any screenshots you create in this way will be saved to the Google Chrome download location, but you can also directly open the screenshot by clicking it from the bottom of your screen, as it should appear there after you take it.

How to screenshot a webpage in Firefox on Mac

  • Launch Firefox and visit the page that you need to screenshot.

screenshot entire webpage safari

10 Best MMORPGs for Mac in 2022

Polls for iMessage

screenshot entire webpage safari

Martina Nikolova

Leave a reply cancel reply.

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

Username or Email Address

Remember Me

Registration is closed.

screenshots of webpages

Tech trick: How to take a full webpage screenshot with your browser

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

When browsing the internet, information is stored in your browser cache so you can quickly go back to a page without waiting for it to download again. While convenient, it slows down your computer. Tap or click here for instructions on clearing your browser cache .

Screenshots let you capture exactly what’s on your screen, be it a recipe, photo, app or conversation. But what if you want to capture an entire webpage without having to take a bunch of screenshots?

Some browsers have screenshot tools that make capturing what’s beyond the viewable area easy — a screenshot you can scroll through to see everything. No extensions or third-party apps are required!

Capture a scrolling screenshot with Firefox

Firefox has a straightforward process to capture an entire webpage:

  • Open a webpage in Firefox and right-click on an empty part of the page.
  • Select Take Screenshot from the drop-down list.
  • Select  Save full page  from the menu in the upper right.
  • The file will be saved to Firefox’s default download location.

RELATED: You can screenshot an entire webpage on your iPhone – Here’s how

Capture a scrolling screenshot with Chrome

The world’s most popular browser doesn’t require an extension for a scrolling screenshot, but the steps are more involved than others. You have to go through the developer tools. But don’t worry! We’ve got you covered:

  • Open a webpage in Chrome and press Ctrl + Shift + I to open DevTools.
  • Click the three-dot menu in the upper right and select Run command and type the word screenshot .
  • Click the Capture full size screenshot option.
  • The file will be saved to Chrome’s default download location.
  • Close DevTools when you’re done by clicking the X in the upper right.

Capture a scrolling screenshot with Edge

While you can capture an entire screen in Windows by hitting the Windows key + Print Screen , you won’t see what’s offscreen. But Microsoft’s Edge browser lets you do more:

  • Open a webpage in Edge and click the three-dot menu icon in the top-right corner.
  • Select Web capture , then click the Capture full page option.
  • You’ll see a new scrolling window containing the webpage.
  • Click the save icon (it looks like a floppy disk) to save the image to Edge’s default download location.

Capture a scrolling screenshot with Safari

Like Chrome, Safari’s process for capturing full pages involves using developer tools. Still, it’s just a few steps:

  • Open a webpage in Safari and click Safari on the menu bar, then select Preferences .
  • Go to the  Advanced  tab and check the box next to the  Show Develop menu in the menu bar .
  • Go to the webpage you want to capture and click Develop on the menu bar and then select Show Web Inspector .
  • A DevTools panel will open. Right-click or Control-Click on the first line starting with HTML and select Capture Screenshot (make sure you’re in the Elements tab).
  • Select a location and a filename for your screenshot. Click Save when you’re done.
  • Close DevTools when you’re done.

You may also like: 5 best browsers not named Chrome to use with your Android phone

Tech smarts in 2 minutes a day

Get my Daily Tech Update and the Digital Life Hack. Just one minute each and arm you with the tech knowledge you need to impress your boss and friends with how smart you are.

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 .

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

  • Fintechs and Traditional Banks Navigating the Future of Financial Services
  • AI Writing How Its Changing the Way We Create Content

Related Post

How to find the best midjourney alternative in 2024: a guide to ai anime generators, 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

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

What Is Cross-Browser Testing

What Is Cross-Browser Testing

How To Download Vshare On IPad

How To Download Vshare On IPad

Recent stories.

Fintechs and Traditional Banks: Navigating the Future of Financial Services

Fintechs and Traditional Banks: Navigating the Future of Financial Services

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

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

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.

How-To Geek

How to take a screenshot of an entire webpage.

A simple screenshot is great for capturing what's immediately visible on your monitor, but what if you need to capture an entire webpage? Here are three simple ways you can capture a long web page as one continuous image and, in the process, preserve it exactly as it appears to the viewer.

Quick Links

The method matters: screenshot vs. printing, option one: capture a webpage with a standalone screenshot tool, option two: capture a webpage with a browser plugin, option three: capture a webpage with a web-based tool.

Windows 10, macOS, and many browsers allow you to "print" any page to a PDF file. Older versions of Windows also contain the built-in ability to "print" any file to XPS, a PDF-like alternative. Just go to the web page you want, select File > Print, and choose "Microsoft Print to PDF" (if you have it) or "Microsoft XPS Document Writer" (if you don't). In macOS, click the "PDF" button on the Print dialog.

Given this, you might be wondering why capturing a screenshot of a webpage even matters. Wouldn't it be simple enough to just Press Ctrl+P and convert a web page into a PDF or XPS?

While PDF is great for documents, it has an inherent shortcoming when it comes to preserving a webpage. Regardless of the document creator you use, it functions as a virtual printer, which any shortcomings the physical printing process would have (poor column alignment, advertisements overlapping the text, etc.) will appear in the document created by the virtual printer. Further, if the website in question has a specific "print view" to alleviate the aforementioned issues, that means you're not preserving the webpage as it appears, but preserving the webpage as it is formatted for printing.

When you use a screen capture tool, you're not churning the webpage through a document creator. You're capturing---pixel for pixel---exactly what you see on the screen. Not only is that useful for archival purposes, as you're getting an exact 1:1 representation of the webpage, but you're also able to show other people exactly how the page looks as oppose to exactly how the page prints.

With that in mind, let's look at three techniques you can use to capture an entire webpage in a single screenshot: standalone screen capture tools, browser plugins, and a handy web-based service that works wherever you are.

While the vast majority of operating systems have a built in screen capture tool, that tool is typically pretty basic. It might do a fine job capturing parts of your screen, but it won't have the bells and whistles necessary to capture a whole webpage.

Fortunately, there are tons of third party tools that sport  "scrolling capture" or "full page" capture, wherein the screenshot tool will scroll through the webpage for you capturing and stitch the screenshots into one continuous image. The screen capture tool I've used for ages, FastStone Capture (Windows, $20, seen above), has this feature; triggered by a toolbar button or by pressing Ctrl+Alt+PrtScn. Note: You can still download the older, free version of FastStone Capture from The Portable Freeware Collection (although this version lacks newer features, it does have scrolling capture).

Screenpresso (Windows, free) also has a scrolling capture feature, as does popular capture tool SnagIt (Windows/Mac, $50). When looking for a screen capture tool (or searching through the documentation of the tool you already have) search for the keyword "scrolling" to see if it has the necessary feature.

Standalone screen capture tools are great if you regularly use them, but if your work only requires you to capture webpages once in a while, then it makes more sense to use a browser-based tool.

While there are more than a handful of browser extension tools out there, we like Nimbus Screenshot , seen above. It's free, it's available for both Chrome and Firefox , and it has a nice clean interface that gets the job done. One click and it captures and aligns the image for you. Better yet, you can easily save the image to your PC when you're done or upload it to your Google Drive or Slack.

So what if you just need a one-off capture to send to your boss? You don't have to install something to grab it---as long as the webpage in question is publicly accessible (like a How-To Geek article and not some site you have to log in to first), you can easily use the free Screen Capture tool at CtrlQ.org  or the similar tool at Web-Capture.net .

While both tools work well enough, Web-Capture has an edge on two fronts: it allows you to specify the image format, and supports capturing via bookmarklet (so you can put a shortcut in your browser's toolbar to access the capture service). If you're new to bookmarklets, check out our handy guide .

That's all there is to it: whether you're using a third party tool, a browser extension, or even a web-based tool, you can easily capture an entire webpage in a single image file to preserve it for posterity, your boss, a court case, or whatever reason you have for desiring a perfect pixel-to-pixel representation of a whole webpage.

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.

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.

screenshot entire webpage safari

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

screenshot entire webpage safari

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.

screenshot entire webpage safari

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

screenshot entire webpage safari

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

screenshot entire webpage safari

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 .

screenshot entire webpage safari

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.

screenshot entire webpage safari

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.

screenshot entire webpage safari

  • 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.”

screenshot entire webpage safari

Step 2: Hit “Add extension.”

screenshot entire webpage safari

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

screenshot entire webpage safari

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.

screenshot entire webpage safari

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.

screenshot entire webpage safari

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.

screenshot entire webpage safari

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.

screenshot entire webpage safari

  • 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”

screenshot entire webpage safari

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.

screenshot entire webpage safari

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.

screenshot entire webpage safari

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.

screenshot entire webpage safari

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.

screenshot entire webpage safari

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.

screenshot entire webpage safari

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

screenshot entire webpage safari

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.

screenshot entire webpage safari

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 take a full-page screenshot in any iPhone app

In this tutorial, we will show you how to take a full-page screenshot in Apple apps like Safari, Mail, Notes, Maps, and Files, as well as any other non-Apple apps like Google Chrome, Firefox, WhatsApp, Telegram, and more.

Full web page screenshot in iPhone Photos app

If you’ve ever wanted to send a screenshot that shows more than what’s on your screen, then you may want to consider sending a full-page scrolling screenshot.

The process is similar to taking a regular screenshot , but with a full-page version, you get to share more.

Use the built-in full-page screenshot tool on iPhone

iOS has a native option to capture the entire web page, note, email, PDF, or map in one go and save it as an image to the Photos app, or as a PDF to the Files app.

This native screenshot tool works with Safari (when you’re on a web page) and a few other Apple apps like Notes (when you’re inside a note), Mail (when you’re inside an individual email), the Files app (when you’ve opened a PDF), and Apple Maps (when you’ve a map on the screen).

The steps to capture a full-page screenshot in all these apps are similar. We’ve used Safari for this tutorial.

  • Open Safari , Notes , Mail , Files , or Maps  on your iPhone or iPad.
  • Take a screenshot as you would normally do by pressing the Volume Up + Side button .
  • Now tap the screenshot preview that appears on the bottom corner of the screen.
  • Select Full Page from the top. A new preview window will appear next to the screenshot, where you can scroll to see the entire screen. You can also Markup and crop the screenshot.
  • Finally, tap Done and select Save to Photos or Save PDF to Files .

Take full page screenshot of a web page in Safari on iPhone and save it to Photos or Files app

The scrolling screenshot of the Safari web page or the concerned app is now ready. Depending on where you saved it, you’ll find it inside the Photos or Files app.

Crop the screenshot

Before saving the screenshot, you can also make changes to it. For example, you can use the Markup tools or crop the screenshot to remove any unwanted parts of the web page or the screen grab. To do that, tap the Crop button on top of the screen and adjust the screenshot per your requirement. After that, tap Done  > Done and save it.

Crop full page Safari screenshot before saving it

Don’t see the ‘Save to Photos’ option?

While the ability to save a full-screen capture as a PDF via the above method has existed for several years, you can save them as an image to the Photos app only on iOS 17 and later . So, make sure you update your iPhone to get the “Save to Photos” option.

Secondly, you won’t see the “Save to Photos” option if the web page, PDF, note, or email is extremely lengthy . However, it should have you covered for most web articles. In case the on-page ads make the screenshot lengthy, use Safari Reader Mode to strip the ads and then take a screenshot.

Related: How to print pages without ads in Safari, Firefox, and Chrome on Mac

Take a scrolling screenshot in all other iPhone apps

Thanks to third-party apps like Picsew (paid version – $1.99), you can take scrolling screenshots anywhere you scroll vertically, like Chrome, Firefox, WhatsApp, Telegram, Gmail, App Library, Messages, Calendars, Reminders, and more, provided that particular app has not blocked the screenshot feature .

Here’s how to take a scrolling, long-form, full-page screenshot on any iPhone and iPad screen:

1) Download Picsew from the App Store. Now, open it and tap the gear icon > Advanced Features to upgrade to its Pro version.

Picsew Pro iPhone

2) Make sure the screen recording icon is added to your iPhone Control Center. If not, go to Settings > Control Center and tap the green plus icon for Screen Recording .

Add Screen Recording to iPhone Control Center

3) Be in the browser, app, or screen whose long screenshot you wish to take. From here, open the Control Center:

  • On iPhone with Face ID, swipe down from the top right corner.
  • On iPhone with a Home button, swipe up from the bottom edge of the screen.

4) Long-press the screen recording icon .

5) Select Picsew and tap Start Broadcasting . You have three seconds to tap any empty area in the Control Center to return to the screen whose long screenshot you want.

Picsew Start Broadcast in iPhone Control Center

6) While Picsew is recording your screen (you will see a red pill shape or bar on top of your screen), scroll the page .

7) Once you have scrolled to the desired length (in the screenshots below, you can see I have scrolled from the top of the article to the bottom), tap the red pill shape or red bar from the top of your iPhone to stop the screen recording. At times, you might also see a notification from Picsew saying it has finished the screen recording.

Taking long form screenshot iPhone

8) Open Picsew from the popup or the Home Screen.

9) The app has already stitched several images one after another, creating a long screenshot. Optionally, you can use the tiny yellow pencil icon to adjust individual images. Once done, tap the share icon from the top right and export it as an image or PDF.

Save or share full page screenshot iPhone

Here’s how the saved full-page, long screenshot looks in the iPhone Photos app:

Full page screenshot iPhone

On the same note:

  • How to capture a screenshot of a whole text thread on iPhone
  • How to capture full-page screenshots in Safari, Firefox, and Chrome on Mac

How to screenshot a full page on iPhone and iPad

Learn how to screenshot a full page on iPhone and iPad

An iPhone being held up, representing an article about how to screenshot a full page on iPhone

There are so many hidden iOS features that it can be a challenge remembering them all, but knowing how to screenshot a full page on iPhone is one I've never forgotten. 

As a writer, I often find myself needing to screenshot large chunks of text from websites and articles to send to someone or read later. And while my iPhone 13 Pro Max has an enviable screen size, my stomach turns slightly at the thought of having to screenshot 25 pages of long-form text individually, ensuring nothing is missed, before sending each screenshot one by one.

Fortunately for me, Apple has thought about this, giving any device running iOS an easy way to capture a full page with just a couple of clicks. So read on and I'll show you how to use the full page screenshot feature on iPhone and iPad to capture and share an entire Safari page in one go. 

How to screenshot a full page on iPhone and iPad

1. Open Safari and head over to a webpage you want to screenshot. Simultaneously press the Side and Volume Up buttons to take a screenshot. A thumbnail preview box will appear in the bottom-left of the screen.

A diagram showing how to take a screenshot on an iPhone

If you have an iPad, it's pretty much the same, but you'll need to press the Lock button and Volume Up simultaneously . 

A diagram showing how to take a screenshot on iPads without a home button

2. Tap the screenshot preview box , then tap Full Page at the top. 

An image showing an iPhone screenshot panel

3. Scroll the page using the bar on the right of the screen. 

Sign up to get the BEST of Tom’s Guide direct to your inbox.

Upgrade your life with a daily dose of the biggest tech news, lifestyle hacks and our curated analysis. Be the first to know about cutting-edge gadgets and the hottest deals.

An image showing an iPhone screenshot panel

4. Tap Crop to shorten the screenshot. Select a tool from the Mark Up bar and use your digit to mark up the screenshot as required, for example highlighting or encircling sections of text.

An image showing an iPhone screenshot panel

5. When you're ready, click Done , then tap Save PDF to Files to store your screenshot for later. Alternatively, hit Share to send the PDF to someone instantly via email or direct message.

An image showing an iPhone screenshot panel

So, you now know how to screenshot an entire page on both iPhone and iPad. It's little everyday features like this, designed to make your life easier, that turn your average smartphone or tablet into one of the best phones or best tablets out there.

It's worth nothing that this screenshot feature only works in Safari, and can't be used in other apps. As Safari is the browser I use most of the time, I rarely need this feature anywhere else, but it would be nice to see it rolled out to other apps in the future.

Now that you've learnt how to screenshot full pages, why not check out our list of other hidden iPhone features and our guides to how to turn on mirror front camera on iPhone , how to activate the interactive Weather map on iPhone and how to cast Harry Potter spells on iPhone . 

The security conscious may also want to read our guide on how to turn off significant locations to stop their iPhone from tracking them, and how to protect your iPhone from thieves . Meanwhile if you're trying and failing to draw or write on your iPad, here's how to fix an Apple Pencil that's not working .

Peter Wolinski

Peter is Reviews Editor at Tom's Guide. As a writer, he covers topics including tech, photography, gaming, hardware, motoring and food & drink. Outside of work, he's an avid photographer, specialising in architectural and portrait photography. When he's not snapping away on his beloved Fujifilm camera, he can usually be found telling everyone about his greyhounds, riding his motorcycle, squeezing as many FPS as possible out of PC games, and perfecting his espresso shots. 

OnePlus Pad 2 just tipped for major performance upgrade

New supersized 12.9-inch iPad Air could make you think twice about iPad Pro 2024

Huge Walmart weekend sale — 11 deals I’d buy now on Crocs, Ninja and more

  • nlucchesi Apparently on some websites, e.g., LastPass.com, the full page option is not presented. Reply
  • View All 1 Comment

Most Popular

  • 2 Android phones are getting a powerful parental control upgrade
  • 3 The iPhone 16 needs to copy the best thing about Apple's least popular iPhone model of all time
  • 4 15 sustainable sales to shop this Earth Day, starting at $7
  • 5 This disaster movie is my most anticipated summer blockbuster of 2024 — here’s why

screenshot entire webpage safari

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)

screenshot entire webpage safari

Subscribe to OSXDaily

Subscribe to RSS

  • - How to Use the Latest GPT 4 & DALL-E 3 Free on iPhone & iPad with Copilot
  • - 15 Mail Keyboard Shortcuts for Mac
  • - How to Use Hover Text on Mac to Magnify On-Screen Text
  • - How to Bulk Image Edit on iPhone & iPad wth Copy & Paste Edits to Photos
  • - How to Use Apple Watch as Viewfinder & Remote for iPhone Camera
  • - Beta 2 of iOS 17.5, iPadOS 17.5, macOS Sonoma 14.5, Available for Testing
  • - 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

iPhone / iPad

  • - What Does the Bell with Line Through It Mean in Messages? Bell Icon on iPhone, iPad, & Mac Explained
  • - iOS 16.7.7 & iPadOS 16.7.7 Released for Older iPhone & iPad Models
  • - Fix a Repeating “Trust This Computer” Alert on iPhone & iPad
  • - The Best Way to Clean a MacBook Air Keyboard: Microfiber Cloth & KeyboardCleanTool
  • - How to Check Disk Health on Mac with smartctl
  • - 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 a Screenshot of a Full Webpage and Export it as a PDF on Your iPhone

Nick deCourville

  • Users should know that screenshotting an entire webpage is rather simple on iOS.
  • While users originally needed to use Safari to accomplish this, recent updates to iOS allow for support from popular third-party apps.
  • There’s also a really easy way to screenshot a webpage on a Mac.

take screenshot full webpage export pdf iphone July 2023 Featured

Need to know how to take a full webpage screenshot and export it as a PDF on your iPhone? Worry not, for a solution is available. There can be instances when a user needs to screenshot an entire webpage, which isn’t as obvious as one would think. Whether this is for work or play, knowing how to take a screenshot on your iPhone can be quite handy. If you want to know how to take a full-page screenshot on an iPhone 11 or save a screenshot as a PDF on iOS 15, I’ve got you covered. Even better, there’s no need for a third-party app or any additional software. Those looking to capture a full webpage screenshot and export it to PDF format really only need to know one specific thing. 

With that in mind, I’m going to show users how they’re able to screenshot an entire webpage and export it as a PDF on iPhone. I’ll also briefly discuss the compatibility and limitations of this full-page feature, while also showing some additional tips as well. Users should note that the ability to screenshot an entire page is going to require a certain version of iOS, so not every device model is going to be compatible with this feature. Nonetheless, knowing how to screenshot complete webpages is pretty useful, so let’s take a look at how to accomplish this with certain browsers, including Apple’s default browser.

How to Take Full-Page Screenshots on iPhone

If you need to take a screenshot of a full webpage and export it to a PDF on your iPhone, then Safari is going to be your go-to app for this task . Additionally, you can also use certain third-party browsers, such as Google Chrome and Mozilla Firefox.

Time needed:  1 minute

To capture a full-page screenshot on your iPhone, follow these steps.

On devices with Face ID, you do this by pressing the side button and volume button at the same time. If you have Touch ID and a side button, press the Home button and the Side button at the same time. If your iPhone has a button on the top of the device, press the Home button and the top button at the same time.

Click Full Page Screenshot take screenshot full webpage export pdf iphone

That’s all there is to it! Using Safari, or virtually any third-party browser, you can take full-page screenshots of any webpage and save it as a PDF directly to your device. It’s quite a useful feature. However, there are some limitations that users should be aware of in the next section. 

Compatibility and Limitations on iPhone

While Safari can save a screenshot of an entire webpage as a PDF, there are some limitations to this capability. For example, this feature was first introduced in iOS 13, so not every iPhone is going to be able to support this feature. Older iPhone models, such as the iPhone 5s, iPhone 6 and 6 Plus, and older models are not going to be able to take advantage of this feature.

Another important thing to know about this feature is that it works with any browser, so long as you are running a current version of iOS. When the feature first saw an introduction in iOS 13, the ability to screenshot an entire webpage was limited to just Safari. However, this feature now works with other browsers, such as Google Chrome and Firefox. If you’re running the latest version of iOS, you should be good to go. However, if you find that Google Chrome or Firefox isn’t working, try Apple’s default browser, Safari. This should help you get the ideal screenshot you’re looking for.  

Users should also remember the plethora of Share options available when creating a screenshot on their iPhone. Remember steps four and five in the above how-to: rather than selecting Done, users can select the Share Button in the top-right corner for a wealth of options. For example, aside from being able to send the image through Messages, you can also implement AirDrop to send it to other Apple devices. Users are also able to copy the screenshot, add it to Notes, add it to a Shared Album, or save it directly to their files as a JPEG. Of course, users should remember that if they screenshot a webpage, it is likely to be a gigantic screenshot. 

iPhone Share Options take screenshot full webpage export pdf iphone

Take a Full-Page Screenshot on Mac: Scrolling Screenshot

Knowing how to take a full-page screenshot on iPhone is rather useful, but did you know you can accomplish this on a Mac as well? You can, and it’s rather easy. On a Mac, one option users have is a scrolling screenshot, and it can go beyond taking a simple screen grab of an entire webpage. Knowing how to do it is as easy as remembering your keyboard shortcuts. 

  • Open the webpage you want to screenshot. 
  • Press  Command + Shift + 5  on your keyboard simultaneously. 
  • You will see a screen record toolbar appear near the bottom of the screen.
  • From the toolbar, click  Record Entire Screen . 

Capture Full Webpage take screenshot full webpage export pdf iphone

  • Scroll through the screen that you want to capture. Make sure you are getting everything you want. 
  • Click  Command + Shift + 5  again. 
  • This will bring the toolbar up again, press the  Stop Screen Recording  button.  

Screenshot an Entire Page on Mac

Introduced in macOS X, users can also take a screenshot of an entire webpage. Simply follow these steps:

  • Open the webpage you want to screenshot.
  • Hold  Command + minus (-) . This allows you to zoom out on the page until you can see everything without scrolling.
  • Then, press  Command + Shift + 4 . This will make a cursor appear. Use your mouse to drag the cursor, selecting the entire webpage. Your Mac will take a screenshot upon the release of the mouse button.

While users originally needed Apple’s Safari to take full-page screenshots, this is fortunately no longer the case thanks to updates with iOS. Now, users can implement some of the most popular third-party browsers to take screenshots, meaning any choice they make regarding a browser is now an excellent choice. Whether you need to take a screenshot of an entire webpage for business or just to share information with someone, know that it’s as easy as following a few steps. Of course, if you need to share a Pages document as a PDF, that’s a cinch to do as well.

Leave a Reply Cancel reply

You must be logged in to post a comment.

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

  • Nick deCourville

screenshot entire webpage safari

Want to highlight a helpful answer? Upvote!

Did someone help you, or did an answer or User Tip resolve your issue? Upvote by selecting the upvote arrow. Your feedback helps others!  Learn more about when to upvote >

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Full page screenshot in Safari

Is there a way to take a screenshot of the entire page, not just what's visible in the window, in Safari? This would typically involve the ability to scroll while taking the screenshot. I cannot find how to do this unless using a 3rd party app. Thanks

iMac 21.5″, macOS 10.15

Posted on Oct 17, 2020 1:12 PM

Sean_W.

Posted on Oct 17, 2020 1:59 PM

Here is a solution that does not require the use of third-party applications.

  • Open Safari and navigate to the webpage.
  • Show Reader View if available and preferred.
  • From the menu bar, select File > Export as PDF > [Location] > Save .

Alternatively, this can also be done on an iPhone.

  • 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.
  • Open the PDF file in Preview.
  • Select File > Export > [Location] and Format: HEIC/JPEG/PNG > Save .

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. 2785 1
  • How do you take a screenshot of an entire webpage that scrolls? How do you take a screenshot of an entire webpage that scrolls? 603 14
  • Did full page screenshots in Safari disappear with iOS 15.4? Did full page screenshots in Safari disappear with iOS 15.4? I no longer see the options for “Screen” and “Full Page” when taking a screenshot in Safari. 882 4

Loading page content

Page content loaded

Oct 17, 2020 1:59 PM in response to TVCA89

VikingOSX

Oct 17, 2020 1:53 PM in response to TVCA89

Safari 14 does no have a image-based screen capture for the entire web page.

You can print, or export the page content to PDF, or if it is indicated as a Safari Reader page, then choose that, so you will have a reformatted page without advertisements to export to PDF.

Oct 18, 2020 1:54 PM in response to VikingOSX

Thanks for the tips Vik. This will work for what I need.

Oct 18, 2020 1:54 PM in response to Sean_W.

Thanks for the response and tips Sean. This is helpful.

Aiseesoft

Top 4 Ways to Screenshot Entire Webpage

Where do screenshots go on PC ? How do you find screenshots in Windows 10/8/7?

While the daily usage of your computer, you may frequently have the need to take screenshots. Screen capturing is quite useful for sharing, education, support, presentation, and more. You can easily capture current web page and content typically limited to what is displayed on the screen.

Do you know how to take a scroll screenshot and screenshot entire webpage ? Surely you can easily capture what's immediately visible on your monitor. What if you need to screenshot the full web page in popular browser like Chrome, Firefox or Safari? Have you ever wanted to take a screenshot of a whole webpage?

Screenshot Entire Webpage

You are at the right place if you are looking for a way to screenshot entire webpage on Windows PC and Mac. We like to share some effective solutions to help you take a screenshot of entire screen with ease.

Part 1. How to Scroll Screenshot in Firefox

  • Part 2. Screenshot Entire Webpage in Chrome

Part 3. Capture Mac Scrolling Screenshot in Safari

  • Part 4. Screenshot a Whole Webpage in Any Browser

Part 5. FAQs of Screenshot Entire Webpage

In fact, it is quite easy to screenshot entire webpage in Firefox browser. Firefox is designed with a scroll screenshot feature to ensure you can take, download, collect and share screenshots with ease. You can rely on this feature to take a screenshot of entire web page in Firefox.

Scroll screenshot in firefox

Part 2. How to Screenshot Entire Webpage in Chrome

If you are a Google Chrome user and want to take a screenshot of entire web page, you can rely on some screenshot plug-in like GoFullPage . It provides a simple way to take a full page screenshot of your current browser window.

Screenshot entire webpage in chrome

Best Screen Capture for Mac/PC

  • Free capture any screenshot on browser like Chrome, Firefox, IE, or Safari.
  • Take a screenshot of computer screen with high image quality.
  • Screenshot on computer with full screen, active window or customized region.
  • Take a screenshot and save it in any popular image format like JPG, PNG, HEIC, or GIF.
  • Powerful editing features to edit screenshot and add various elements to it.

When you want to capture a Mac scrolling screenshot in Safari, you can choose to directly export the entire web page as a PDF file. You can click "File" and then choose "Export as PDF" to do that. Also, you can rely on some Safari extension like Awesome Screenshot to help you screenshot entire web page.

Scroll screenshot in safari

Screenshot not working on Mac ? Check the solutions here.

Part 4. How to Screenshot a Whole Webpage in Any Browser

Whether you are using Chrome, IE, Firefox, Safari or other browsers, you can rely on the entire screenshot site to help you take a screenshot of a whole web page on your Windows PC or Mac. Here we introduce you with the popular full-screen screen capture site, Site-Shot .

Screenshot site

Frequently Asked Questions

Question 1. How to take a screenshot on iPhone?

You can press the Side button and the Volume Up button at the same time to quickly capture a screenshot if you are using an iPhone X/XR/11. If you are using an old iOS device like iPhone 8/7/6/5 which has a Home button, you can press Home button and Power button together to make a screenshot on iPhone .

Question 2. How can I take a screenshot on Mac?

When you want to take a screenshot on Mac , you can press the Command + Shift + 3 keys at the same time to capture your Mac screen easily.

Question 3. How to take screenshots on Android phone?

For most Android devices, you can handily press Power and Volume down buttons at the same time to screenshot your Android screen.

After reading this post, you can get 4 simple ways to screenshot entire webpage in popular browser like Chrome, Safari, IE, and Firefox. If you still have any questions about the scroll screenshot , you can leave us a message in the comment part.

What do you think of this post?

Rating: 4.7 / 5 (based on 112 votes) Follow Us on

VLC Screenshot

How do I take a screenshot on VLC player? Where are VLC screenshots saved? How to change snapshot/screenshot folder or location in VLC media player? All your questions about VLC screenshot will be answered in this post.

Screenshot on Alcatel

This post shares the four easy and quick methods of taking screenshots on Alcatel phones like Fierce, IDOL, PIXI, ideal, POP, etc. and tablets to save shots anytime and anywhere.

Screenshot Google Maps

How do I save an image from Google Maps? Taking screenshots. This page shows you various ways to take screenshots of Google Maps on Windows, Mac, iOS and Android.

Disqus Icon

Screenshot Tips

box

Aiseesoft Screen Recorder is the best screen recording software to capture any activity like online videos, webcam calls, game on Windows/Mac.

Aiseesoft

  • Retrieve Registration Code
  • Contact Support Team

Get Our Newsletter

Exclusive discounts for subscribers only!

About Aiseesoft | Privacy | Support | Resource | Affiliate | Contact us Copyright © 2024 Aiseesoft Studio. All rights reserved.

  • 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 iPhone

In iOS, Apple includes a built-in screenshot feature which also provides you with the ability to capture an entire webpage on your iPhone or iPad that you can then save or share with someone as a PDF document.

safari macos icon banner

  • Launch Safari browser on your ‌iPhone‌ or ‌iPad‌.
  • Navigate to the web page that you wish to capture.
  • A preview of the screenshot will pop up in the lower left of the display. Tap it to open up the Instant Markup interface. You'll have about five seconds before it disappears.

safari

  • Tap the Crop icon at the top.

safari

Note that you can always use the Markup tools to edit your PDF before saving or sharing it.

Get weekly top MacRumors stories in your inbox.

Popular Stories

Provenance Emulator

PlayStation, GameCube, Wii, and SEGA Emulator for iPhone and Apple TV Coming to App Store

Delta Feature

Delta Game Emulator Now Available From App Store on iPhone

iPhone 15 Pro Action Button Translate

All iPhone 16 Models to Feature Action Button, But Usefulness Debated

iPhone 15 Pro FineWoven

Apple Reportedly Stops Production of FineWoven Accessories

iPad Air 12

12.9-Inch iPad Air Now Rumored to Feature Mini-LED Display

Next article.

iPhone 15 Pro FineWoven

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 17 All New Features Thumb

12 hours ago by MacRumors Staff

Delta Emulator Pokemon Gen 3 Feature

2 days ago by MacRumors Staff

US Only iOS Features

3 days ago by MacRumors Staff

IMAGES

  1. How to Take a Screenshot of an ENTIRE WEBPAGE in Safari on a Mac

    screenshot entire webpage safari

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

    screenshot entire webpage safari

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

    screenshot entire webpage safari

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

    screenshot entire webpage safari

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

    screenshot entire webpage safari

  6. How To Take A Screenshot In Safari

    screenshot entire webpage safari

VIDEO

  1. how to capture full webpage screenshot using safari & Firefox

  2. Now you can screenshot an entire webpage in one go. #iPhonehack

  3. Selenium VBA

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

  5. Capturing Entire Scrolling Webpages: A Guide with and without Extensions

  6. Full page screenshot in chrome

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 a Full-Page Screenshot of a Website on an ...

    Tap the thumbnail once. After tapping the thumbnail, you'll enter a screenshot editing mode. Tap the "Full Page" tab located just below the toolbar at the top of the screen. You'll see a preview of the entire web page appear along the right side of the screen. You can scroll through it by sliding your finger.

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

    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. 3) When the panel opens on the right of the webpage, click the Toggle Device Toolbar button at the top.

  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

    Update: Safari introduced a feature accessible via the developer tools, which lets users capture screenshot of the entire webpage.This feature was not available at the time the answer was written. The original answer is kept as is for reference. For Safari, refer to the answer by shawncampbell.. But, are there any keyboard shortcuts that can scroll a webpage or any other pages and get the ...

  6. How to screenshot an entire webpage on Mac

    Open the Chrome browser on your Mac and go to the page you want to screenshot. Press the Command + Option + I keyboard combination, and you will see a window appear to the right. Next, press Command + Shift + P and then type " Screenshot" in the Run field. You will see several screenshot options ( Capture area screenshot, Capture full size ...

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

  8. How to take a screenshot of an entire webpage with your browser

    Open a webpage in Chrome and press Ctrl + Shift + I to open DevTools. Click the three-dot menu in the upper right and select Run command and type the word screenshot. Click the Capture full size ...

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

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

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

  12. How to Take a Screenshot of an Entire Webpage

    Option One: Capture a Webpage with a Standalone Screenshot Tool. Option Two: Capture a Webpage with a Browser Plugin. Option Three: Capture a Webpage with a Web-Based Tool. A simple screenshot is great for capturing what's immediately visible on your monitor, but what if you need to capture an entire webpage? Here are three simple ways you can ...

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

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

  14. 2 Ways to Take Scrolling Screenshots of Entire Webpage on Mac

    Navigate to the webpage that you want to take the screenshot of. 2. Press Command + Shift + 5 together. 3. Click on the record option or camera icon on the screen. 4. Now scroll to the end of the page and press Command + Shift + 5 again. 5. Click on the stop icon in the screenshot toolbar.

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

  16. How to screenshot an entire webpage on iPhone

    Here's a quick step-by-step guide for taking a full page screenshot on your iPhone. ... Step 1: On your iPhone, navigate to your desired webpage in the Safari app. Step 2: Snap away (screenshot ...

  17. How to take a full-page screenshot in any iPhone app

    Open Safari, Notes, Mail, Files, or Maps on your iPhone or iPad. Take a screenshot as you would normally do by pressing the Volume Up + Side button. Now tap the screenshot preview that appears on the bottom corner of the screen. Select Full Page from the top. A new preview window will appear next to the screenshot, where you can scroll to see ...

  18. How to screenshot a full page on iPhone and iPad

    If you have an iPad, it's pretty much the same, but you'll need to press the Lock button and Volume Up simultaneously . (Image credit: Apple) 2. Tap the screenshot preview box, then tap Full Page ...

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

  20. How to Take a Screenshot of a Full Webpage and Export it as a PDF on

    On the next screen, tap the Full Page tab. You can also take a look at your screenshot from this page as well. Note that you will only see the top of the screenshot. You will not be able to ...

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

  22. Scroll Screenshot

    Step 2. From the drop-down list, choose the Take a screenshot option. Then you can select the Save Full Page option to screenshot entire webpage. Step 3. Now you can click the Download button to save the screenshot on your computer. By doing so, you can handily take a screenshot of a whole webpage in Firefox. Part 2.

  23. How to Screenshot An Entire Webpage on iPhone

    Tap the Full Page tab in the upper right corner of the Markup interface. Tap the Crop icon at the top. Use the frame around the webpage to select what to capture by dragging the corners with your ...