{"id":976,"date":"2024-03-12T08:00:40","date_gmt":"2024-03-12T08:00:40","guid":{"rendered":"https:\/\/pageflows.com\/resources\/?p=976"},"modified":"2024-10-26T00:15:42","modified_gmt":"2024-10-26T07:15:42","slug":"how-to-take-a-full-page-screenshot","status":"publish","type":"post","link":"https:\/\/pageflows.com\/resources\/how-to-take-a-full-page-screenshot\/","title":{"rendered":"How To Take a Full-Page Screenshot on Every Device"},"content":{"rendered":"\n

In an era where so many of our connections are digital, taking screenshots is an essential tool. Perhaps you need to prove something, show someone how to do something, or just want to share a fun meme. Either way, you need to know how to take a full-page screenshot.<\/p>\n\n\n\n

A well-crafted screenshot can preserve a moment in time, capturing a full webpage or archiving a conversation. If you want to capture the whole thing, you\u2019ll need to use a full page or scrolling screenshot. However, the way to do this differs depending on the device and even the software you\u2019re using. Fortunately, most web designers<\/a> have incorporated this ability into their design to improve the user experience<\/a>.<\/p>\n\n\n\n

Let\u2019s explore how you can take a full-page screenshot on any device.<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"A<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

How To Take a Full Screenshot of a Website<\/strong><\/h2>\n\n\n\n

We\u2019ve all been there. You need to take a screenshot of a website, but parts of what you need are below the fold. In this case, you need to find a way to take a full-page screenshot. Here\u2019s how to take a full screenshot of a website.<\/p>\n\n\n\n

Notably, the steps for how to screenshot differ depending on the browser you\u2019re using. Generally, you\u2019ll either need a browser extension or a screenshot tool.<\/p>\n\n\n\n

How To Screenshot a Full Page on Google Chrome<\/strong><\/h3>\n\n\n\n

Google Chrome has a built-in screenshot tool. Follow these steps to take a full-page screenshot.<\/p>\n\n\n\n

    \n
  1. Open the web page. Press Cmd<\/strong> + Opt<\/strong> + I<\/strong> (on Mac) or Ctrl<\/strong> + Shift<\/strong> + I<\/strong> (on Windows).<\/li>\n\n\n\n
  2. Next, press Cmd<\/strong> + Shift<\/strong> + P<\/strong> (on Mac) or Ctrl<\/strong> + Shift<\/strong> + P<\/strong> (on Windows).<\/li>\n\n\n\n
  3. In the search bar, look for the word Run<\/strong> >. Click this part, then type \u201cscreenshot<\/strong>.\u201d<\/li>\n\n\n\n
  4. Select \u2018Capture a full-size screenshot<\/strong>.\u2019 Chrome will save the full screenshot to your computer\u2019s Downloads folder.<\/li>\n<\/ol>\n\n\n\n

    This technique doesn\u2019t always work, and the results vary depending on the site. It will only capture the visible window in Google Docs, for example. However, on other sites, it takes the full page length.<\/p>\n\n\n\n

    How To Screenshot a Whole Page With a Custom Size<\/strong><\/h3>\n\n\n\n

    There are times when you don\u2019t want to use the whole page. The process is pretty similar. You can always customize the size of your screenshot after you take it. Just follow these steps.<\/p>\n\n\n\n

      \n
    1. Use the same shortcut as before to open Chrome\u2019s developer tools. Cmd<\/strong> + Opt<\/strong> + I<\/strong> on Mac or Ctrl <\/strong>+ Shift<\/strong> + I <\/strong>on Windows. <\/li>\n\n\n\n
    2. Click the device toolbar<\/strong> (two rectangles overlapping) in the menu bar. This opens a responsive web page.<\/li>\n\n\n\n
    3. Type in the custom width and height of your screenshot. You can change the view using the dropdown menu or adjust the zoom.<\/li>\n\n\n\n
    4. Click the menu (three dots) in the dimensions bar, and select capture.<\/li>\n<\/ol>\n\n\n\n

      <\/p>\n\n\n

      \n
      \"A<\/figure>\n<\/div>\n\n\n

      <\/p>\n\n\n\n

      How To Screenshot on Mac<\/strong><\/h2>\n\n\n\n

      It\u2019s really easy to take a full-page screenshot on an Apple Mac. Here\u2019s how to screenshot on Mac<\/a>.<\/p>\n\n\n\n

        \n
      1. Press and hold Shift<\/strong>, Command<\/strong>, and 3<\/strong>. <\/li>\n\n\n\n
      2. If a thumbnail appears in the corner of the screen, click it to edit the screenshot. Or, wait, and the screenshot will save to your desktop.<\/li>\n<\/ol>\n\n\n\n

        It\u2019s as easy as that! You can also capture a portion of the screen like this:<\/p>\n\n\n\n

          \n
        1. Press and hold Shift<\/strong>, Command<\/strong>, and 4<\/strong>.<\/li>\n\n\n\n
        2. Drag the crosshair to choose the portion of the screen you want to capture. You can move the selection by holding the Space bar<\/strong> while dragging. You can also cancel by pressing the Esc <\/strong>key.<\/li>\n\n\n\n
        3. Release the mouse or trackpad to take the screenshot.<\/li>\n\n\n\n
        4. Again, you can wait for the screenshot to save or click the thumbnail to edit it.<\/li>\n<\/ol>\n\n\n\n

          <\/p>\n\n\n

          \n
          \"A<\/figure>\n<\/div>\n\n\n

          <\/p>\n\n\n\n

          How To Take a Screenshot on iPhone<\/strong><\/h2>\n\n\n\n

          Just like Apple Macs, it\u2019s easy to take a screenshot on an iPhone. Apple has its guidance on the website<\/a>. Or, follow these steps below to learn how to take a screenshot on an iPhone.<\/p>\n\n\n\n

          On iPhone 14 or other models with Face ID:<\/p>\n\n\n\n

            \n
          1. Press the side button<\/strong> and the volume up button<\/strong> at the same time.<\/li>\n\n\n\n
          2. Release both buttons.<\/li>\n\n\n\n
          3. Tap the thumbnail<\/strong> in the bottom left-hand corner to edit it or swipe left to dismiss it. The screenshot will be saved to your Photos.<\/li>\n<\/ol>\n\n\n\n

            For models with Touch ID and the side button:<\/p>\n\n\n\n

              \n
            1. Press the side button<\/strong> and the home button<\/strong> at the same time.<\/li>\n\n\n\n
            2. Release both buttons.<\/li>\n\n\n\n
            3. Tap the thumbnail<\/strong> in the bottom left-hand corner to edit it or swipe left to dismiss it. The screenshot will be saved to your Photos.<\/li>\n<\/ol>\n\n\n\n

              Finally, here\u2019s how to take a screenshot of iPhone models with Touch ID and the top button:<\/p>\n\n\n\n

                \n
              1. Press the top button<\/strong> and the home button<\/strong> at the same time.<\/li>\n\n\n\n
              2. Release both buttons.<\/li>\n\n\n\n
              3. Tap the thumbnail<\/strong> in the bottom left-hand corner to edit it or swipe left to dismiss it. The screenshot will be saved to your Photos.<\/li>\n<\/ol>\n\n\n\n

                Your screenshots will be in your camera roll. However, you can also find them under Albums > Media Types > Screenshots.<\/p>\n\n\n\n

                <\/p>\n\n\n

                \n
                \"A<\/figure>\n<\/div>\n\n\n

                <\/p>\n\n\n\n

                How To Take a Screenshot on an iPad<\/strong><\/h2>\n\n\n\n

                The process of taking a screenshot is very similar to taking one on an iPad. You can also take a scrolling screenshot that captures an entire webpage. Here are the step-by-step instructions for how to take a screenshot on an iPad<\/a>.<\/p>\n\n\n\n

                On iPads with Face ID:<\/p>\n\n\n\n

                  \n
                1. Press and release the top button<\/strong> and either volume button<\/strong> at the same time.<\/li>\n\n\n\n
                2. When the screenshot thumbnail appears in the bottom left corner, tap it.<\/li>\n\n\n\n
                3. Tap \u2018Full Page<\/strong>,\u2019 then tap \u2018Done<\/strong>.\u2019<\/li>\n\n\n\n
                4. Either tap \u2018Save to Photos<\/strong>\u2019 to save it in your photo library, or tap \u2018Save PDF to Files<\/strong>.\u2019<\/li>\n<\/ol>\n\n\n\n

                  The process is the same if you\u2019re using an iPad with a home button. However, the first step involves pressing and releasing the top button and the home button at the same time.<\/p>\n\n\n\n

                  <\/p>\n\n\n

                  \n
                  \"A<\/figure>\n<\/div>\n\n\n

                  <\/p>\n\n\n\n

                  How To Take a Full-Page Screenshot on Windows<\/strong><\/h2>\n\n\n\n

                  On any computer with a Windows operating system, you can take a screenshot in several ways. This usually involves using the PrtSc<\/strong> (print screen) button on your keyboard. Depending on the model, the screenshot shortcut may be Alt<\/strong> + PrtSc<\/strong>, Fn<\/strong> + PrtSc<\/strong>, or Win<\/strong> + PrtSc<\/strong>. With this, you can take a full-size screenshot.<\/p>\n\n\n\n

                  However, you might also want to take a scrolling screenshot. Here\u2019s how to take a full-page screenshot on Windows, depending on your browser.<\/p>\n\n\n\n

                  Scrolling Screenshots in Microsoft Edge<\/strong><\/h3>\n\n\n\n

                  Microsoft Edge is the native browser for Windows. It has an integrated screenshot feature to capture a scrolling screenshot. <\/p>\n\n\n\n

                  Here\u2019s how to do it.<\/p>\n\n\n\n

                    \n
                  1. Click the menu icon (three dots) at the top right corner of the Edge window.<\/li>\n\n\n\n
                  2. Click on \u201cWeb Capture<\/strong>.\u201d<\/li>\n\n\n\n
                  3. Click \u201cCapture full page<\/strong>\u201d to create a scrolling screenshot.<\/li>\n\n\n\n
                  4. Next, you can edit the image, draw on it, save it, copy it, or share it. Simply click on the three dots to choose an option.<\/li>\n<\/ol>\n\n\n\n

                    Scrolling Screenshots in Firefox<\/strong><\/h3>\n\n\n\n

                    Firefox Quantum also has an integrated scrolling screenshot feature. It\u2019s the only browser that has this feature without the need for third-party tools or extensions.<\/p>\n\n\n\n

                    Here\u2019s how to do it.<\/p>\n\n\n\n

                      \n
                    1. Click on the menu icon (three dots) in the top right.<\/li>\n\n\n\n
                    2. Click on \u201cMore tools<\/strong>\u201d and then \u201cCustomize Toolbar<\/strong>.\u201d<\/li>\n\n\n\n
                    3. Then, go down to the \u201cScreenshot<\/strong>\u201d icon.<\/li>\n\n\n\n
                    4. Drag this icon into your Firefox toolbar.<\/li>\n\n\n\n
                    5. Next, go to the page where you want to take a screenshot. Click the screenshot icon in your toolbar.<\/li>\n\n\n\n
                    6. Click \u201cSave Full Page<\/strong>.\u201d <\/li>\n\n\n\n
                    7. The screenshot will pop up. You can save it directly to your PC in the screenshots folder.<\/li>\n<\/ol>\n\n\n\n

                      Scrolling Screenshots in Chrome<\/strong><\/h3>\n\n\n\n

                      You\u2019ll need a browser extension to take a scrolling screenshot in Chrome. GoFullPage is a third-party extension that works for both Google Chrome and Microsoft Edge. You can download and install the extension from the Chrome Store.<\/p>\n\n\n\n

                      From there, it\u2019s easy to take a scrolling screenshot. Simply click on the GoFullPage<\/strong> icon in the top right of the browser. By the way, you can pin it there by clicking the Pin<\/strong> icon next to the GoFullPage logo. This keeps it in your browser window.<\/p>\n\n\n\n

                      Now, whenever you click the icon, it will capture a scrolling screenshot of the full page. Then, you can edit, draw on, and download the screenshot or share it instantly.<\/p>\n\n\n\n

                      <\/p>\n\n\n

                      \n
                      \"Two<\/figure>\n<\/div>\n\n\n

                      <\/p>\n\n\n\n

                      How To Screenshot on Chromebook<\/strong><\/h2>\n\n\n\n

                      The process of screenshotting on a Chromebook is similar to that of other laptops. Follow these steps to learn how to take screenshots on Chromebook<\/a>.<\/p>\n\n\n\n

                        \n
                      1. Open the webpage you want to screenshot. Go to Quick Settings and select \u201cScreen Capture<\/strong>.\u201d<\/li>\n\n\n\n
                      2. When the Screen Capture tool is open, choose if you want to capture the whole screen or a single window. You can also choose to capture part of the screen.<\/li>\n\n\n\n
                      3. Make your selection, then click \u201cCapture<\/strong>.\u201d<\/li>\n\n\n\n
                      4. The screenshot will appear in Tote on your shelf. It will also automatically copy onto your Clipboard.<\/li>\n<\/ol>\n\n\n\n

                        <\/p>\n\n\n

                        \n
                        \"A<\/figure>\n<\/div>\n\n\n

                        <\/p>\n\n\n\n

                        How To Screenshot on Android<\/strong><\/h2>\n\n\n\n

                        It\u2019s easy to take a screenshot on an Android device. Usually, you can take a screenshot by pressing the volume down and power buttons at the same time. You\u2019ll hear a shutter sound to confirm that you took a screenshot. Then, a floating toolbar will appear at the bottom for you to edit, share, or delete the screenshot.<\/p>\n\n\n\n

                        On an older Android model, you have to hold the Home button and volume down button to take a screenshot. From there, you can view it in the photos app. This could be Google Photos or a different, manufacturer-specific app.<\/p>\n\n\n\n

                        Another option is to use Google Assistant. With the voice assistant, you can take a screenshot without even using your hands. Simply activate the Google Assistant and say, \u201cHey Google, take a screenshot.\u201d Your phone will automatically do it for you.<\/p>\n\n\n\n

                        However, you might want to take a scrolling screenshot. If that\u2019s the case, here\u2019s how to screenshot on Android. <\/p>\n\n\n\n

                          \n
                        1. Take a regular screenshot using the method detailed above.<\/li>\n\n\n\n
                        2. Tap the \u201cCapture more<\/strong>\u201d button from the floating toolbar at the bottom of the screen.<\/li>\n\n\n\n
                        3. Use the window that appears to select the content you want to capture.<\/li>\n<\/ol>\n\n\n\n

                          Please note that this isn\u2019t available on all Android devices. Google introduced the scrolling screenshot feature to Android 12. If your device has Android 12 or later, you can use this feature.<\/p>\n\n\n\n

                          Final Thoughts<\/strong><\/h2>\n\n\n\n

                          There are a variety of reasons you might want to take a screenshot. The need to take a scrolling screenshot is rarer. However, there are times when you need to capture more than what fits on your screen. In these cases, you need to know how to take a full-page screenshot.<\/p>\n\n\n\n


                          Hopefully, this guide helped you understand how to take scrolling screenshots. Check out our blogs for more guides on user-friendly technology. Page Flows is a helpful resource for UX\/UI designers<\/a>. Get started today<\/a> to access our growing library of user flow recordings and finally stay up-to-date with current design trends.<\/p>\n","protected":false},"excerpt":{"rendered":"

                          In an era where so many of our connections are digital, taking screenshots is an essential tool. Perhaps you need to prove something, show someone how to do something, or just want to share a … Read more<\/a><\/p>\n","protected":false},"author":7,"featured_media":978,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"ppma_author":[10],"class_list":["post-976","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"authors":[{"term_id":10,"user_id":7,"is_guest":0,"slug":"page-flows-team","display_name":"Page Flows Team","avatar_url":{"url":"https:\/\/pageflows.com\/resources\/wp-content\/uploads\/2023\/12\/cropped-logo@2x.png","url2x":"https:\/\/pageflows.com\/resources\/wp-content\/uploads\/2023\/12\/cropped-logo@2x.png"},"author_category":"","first_name":"Page Flows","last_name":"Team","user_url":"","job_title":"","description":"The Page Flows Team is a collective of passionate UX design professionals dedicated to delivering insightful content on user experience and design principles. With diverse backgrounds and expertise, our contributing writers bring you the latest trends, tips, and research in the UX field. Each article is crafted with a focus on empathy, innovation, and a commitment to enhancing user interactions.\r\nOutside of writing, our team members draw inspiration from various pursuits such as outdoor activities, art, and continuous learning, fueling their creativity and drive to push the boundaries of UX design. The Page Flows Team is committed to providing valuable resources and engaging content to help you stay ahead in the ever-evolving world of user experience."}],"_links":{"self":[{"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/posts\/976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/comments?post=976"}],"version-history":[{"count":3,"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/posts\/976\/revisions"}],"predecessor-version":[{"id":2776,"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/posts\/976\/revisions\/2776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/media\/978"}],"wp:attachment":[{"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/media?parent=976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/categories?post=976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/tags?post=976"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/pageflows.com\/resources\/wp-json\/wp\/v2\/ppma_author?post=976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}