How to Take Scrolling Screenshots of Entire Web Pages on Your iPhone or iPad « iOS & iPhone :: Gadget Hacks

0

If you’ve never edited a screenshot on your iPhone or iPad, you might be missing out on one of the coolest features Safari has to offer: full-page screenshots.

Full-page screenshots are saved in PDF format instead of PNG like regular screenshots. So, if you’re looking to save entire webpage images to the Photos app, you need to use a PDF to PNG converter app or shortcut. It’s also worth noting that you can only take screenshots of an entire page in Safari, so you won’t be able to use Chrome, Firefox, or any other third-party browser.

Apple’s screenshot editor first appeared in iOS 11, but web page scrolling screenshots appeared later in iOS 13 and iPadOS 13. However, older versions of iOS had ways to create PDFs of complete web pages; they were just hidden. For example, there was the “Create PDF” action in iOS 12, which was called “Mark as PDF” in iOS 11, and the “Print” tool that let you create PDFs in iOS 10. .

Although you can’t save PDFs to Photos, you can save them to Files or share them with another app. The same goes for the old web page to PDF actions, but using the new screen capture utility is a more natural experience, where markup tools show up immediately instead of hidden behind a other button.

Step 1: Take a screenshot

On your iPhone or iPad, take a screenshot anywhere on a webpage in Safari. You can use the default method below for your device model or another option such as AssistiveTouch, Siri, Back Tap, Shortcuts, or Voice Control.

  • iPhones with Face ID: Simultaneously press the side and volume up buttons
  • iPhone with Touch ID: Simultaneously press the side or top button and the home buttons
  • iPads: Simultaneously press the top button and one of the volume buttons

A thumbnail preview will appear at the bottom left; tap it before it disappears to open the screenshot editor. If you don’t open the editor, the screenshot will only save what was visible on the screen when it was taken. To capture the entire webpage, you need to access the editor right after taking the screenshot.

Step 2: Choose the full-page version

At the top of the screenshot editor, you’ll see tabs for “Screen” and “Full Page”. The first is the default screenshot, which shows what’s on the screen when you took the screenshot. For a snapshot of the entire webpage, switch to the “Full Page” tab, which automatically stitches the webpage from start to finish.

Step 3: Find where you want to crop

Depending on the webpage, you might want to crop out any unnecessary sections, like comments, further reading links, site footer, etc. On the right, you’ll see the entire webpage as a long, tiny, and probably unreadable preview with a highlighted section. This is the location you are viewing in the large preview to its left. Long press the highlighted part, then move it up or down to scroll the page and see what you want to keep and delete.

Step 4: Crop the screenshot

To change the length of the screenshot, tap the crop icon on the top toolbar and make the necessary adjustments. Unfortunately, you can’t zoom while cropping, so it’s important to find the crop area beforehand, as shown in step 3 above.

If you try to pinch to zoom, the image in the crop box may expand but not the crop tool itself, leaving you with vital areas of the image invisible. You can pinch to zoom out the image or press “Reset” to try again.

After dragging the crop edge to where you need it, the crop preview will resize to that specific crop a few seconds after releasing the screen. This allows you to try again with a larger image, and you can repeat this as many times as needed until you’re happy with what’s in the crop box.

Tap “Done” when you’re done.

Step 5: Preview and make adjustments if needed

If it’s a very long screenshot, you might want to preview the result after cropping it to make sure you’ve cut it exactly where you wanted it. Use the highlighted area on the right to check the page. If adjustments are needed, repeat step 4 above.

Step 6: Use markup (optional)

When you are happy with your cropped area, you can use the Annotation tool to write on the image, enlarge parts, add shapes, draw on it, change opacity, show ruler, etc.

Step 7: Share or save screenshot as PDF

Unfortunately, due to the screenshot’s length and file type, you can’t save it to Photos as a PNG file, but you can save it to PDF in the Files app. ‘AirDrop, send it by message or share it with another application. .

Once you’ve edited the full-page screenshot, tap “Done” and choose “Save PDF to Files” from the action menu if you want to save the image to files. You can also tap the share icon to open the share sheet, where you can save it to files or share it in some other way.

If you choose to save it to Files, tap the PDF name at the top next to the preview image to rename the document, if needed. Next, select the primary destination, such as On My iPhone, iCloud Drive, your server, or a third-party cloud service. Then choose a directory from one of these options if you wish, then click “Save”.

Step 8: View PDF in Files

To view the full-page screenshot, open the Files app and locate the PDF like any other PDF file. Tap it to see it in full. You can use the markup tools via the top right icon to draw on the PDF and the share icon to share, copy, print, save to Dropbox, etc.

Again, full-page screenshots only work in Safari, so third-party browsers like Chrome and Firefox won’t work, nor will in-app browsers like the one built into the Reddit app. Hopefully this will change in the future to work system-wide in apps like Messages, WhatsApp, Firefox, etc.




Keep your connection secure with no monthly bill. Get a lifetime subscription to VPN Unlimited for all your devices with a one-time purchase from the new Gadget Hacks store, and watch Hulu or Netflix without regional restrictions, increase security when browsing public networks, and more.

Shop now (80% off) >

Other great deals to check out:

Cover photo, screenshots and GIFs by Justin Meyers/Gadget Hacks

Share.

Comments are closed.