【iOS17】iPhoneでWebページ全体のスクショを写真に保存する方法

2023-10-04

今までも､iPhoneでWebページ全体のスクリーンショットを撮ることはできたのですが､PDFで保存することしかできませんでした｡

しかしiOS17の新機能として､Webページ全体のスクリーンショットを画像として写真に保存することができるようになったので､その方法をご紹介します｡

買って筆者を応援

ガイド付きで貼りやすい

NIMASO iPhone用ガラスフィルム特集

Amazon Yahoo! ショッピング

[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

【お得な2枚組★楽天1位獲得】 NIMASO iPhone17e フィルム iPhone17e ガラスフィルム iphone air iPhone16 iPhone15 iPhone16e 保護フィルム iPhone17pro max iPhone13 promax iPhone14plus iPhone15pro iPhonese 14pro12pro mini iPhone17 保護フィルム強化ガラスフィルム
価格：1,499円～（税込、送料無料) (2026/3/17時点)

楽天で購入

やり方

まずは普通にスクショを撮り､左下のプレビューをタップします｡

普通にスクショを撮ると左下に表示されるプレビュー

スクショの撮り方は､FaceID機種ならロックボタン + 音量大
ホームボタン機種ならロックボタン + ホームボタン同時押しです｡

編集画面が開くので､ 右上の「フルページ」をタップします｡

スクリーンショットの編集画面で

すると右側にページ全体が表示されるのですが...

ページ全体のスクリーンショットが表示される

ちょっとハプニングで､パララックス要素 (スクロールするとふわっと出てくる要素) が写っていません｡

こうなってしまう場合､ページの一番下でスクリーンショットを撮りましょう｡

iPhone Webサイトの一番下でスクリーンショットを撮る

今度は正しくページ全体が表示されました｡

ページ全体のスクリーンショット

最後に左上の「完了」から「"写真"に保存」をタップします｡

Webページ全体のスクリーンショットを写真に保存

カメラロールを確認すると､Webページ全体のスクショが保存されているはずです｡
(長いので一部省略)

カメラロールに保存されたWebページ全体のスクリーンショット

今回､私が制作させていただいているさかもとこのみさんのサイトを例に紹介させていただきました｡ (本人承諾済み)

CIO NovaPort DUOⅡ 45W USB-C 2ポート PD 急速充電器 [世界最小級 NovaIntelligence NovaEngine搭載] ACアダプター Type-C iPhone 17 / Air / 16 / 15 Android Galaxy Macbook iPad向けノートPC (ブラック)

Amazon

楽天市場

Yahoo! ショッピング

CIO NovaPort DUOⅡ 65W USB-C 2ポート充電器 [世界最小級 NovaIntelligence NovaEngine搭載] ACアダプター type-c 67W PD 急速充電器ノートPC Macbook iPhone 17 / Air / 16 / 15 Android Galaxy iPad向け (ブラック)

Amazon

楽天市場

Yahoo! ショッピング